reportCategories = [
  {
    name: 'traffic',
    textcolor: 'amber-text darken-2',
    icon: 'mdi-alert-warning',
  },
  {
    name: 'control',
    color: 'light-blue-text',
    icon: 'mdi-action-visibility',
  }
];

allReportTypes = [
  {
    category: 'traffic',
    name: 'Pociąg stoi',
    color: 'amber darken-2',
    icon: 'mdi-av-pause-circle-fill'
  },
  {
    category: 'traffic',
    name: 'Pociąg jedzie powoli',
    color: 'amber darken-2',
    icon: 'mdi-image-timelapse'
  },
  {
    category: 'traffic',
    name: 'Pociąg jest zatłoczony',
    color: 'amber darken-2',
    icon: 'mdi-social-people'
  },
  {
    category: 'traffic',
    name: 'Pociąg uległ awarii',
    color: 'amber darken-2',
    icon: 'mdi-image-flash-on'
  },
  {
    category: 'traffic',
    name: 'Pociąg jest opóźniony',
    color: 'amber darken-2',
    icon: 'mdi-hardware-watch'
  },
  {
    category: 'control',
    name: 'Kontroler na stacji',
    color: 'light-blue',
    icon: 'mdi-action-accessibility'
  },
  {
    category: 'control',
    name: 'Kontroler wsiadł do pociągu',
    color: 'light-blue',
    icon: 'mdi-action-visibility'
  },
  {
    category: 'other',
    name: 'Zgłoś coś innego…',
    color: 'amber',
    icon: 'mdi-alert-warning'
  }
];

reportTypes = {
  common: allReportTypes.slice(0, 3).concat(allReportTypes.slice(-1)),
  metro: allReportTypes.slice(0, 4).concat(allReportTypes.slice(-3, -1)),
  wkd: allReportTypes.slice(0, 5),
  skm: allReportTypes.slice(0, 5),
  km: allReportTypes.slice(0, 5)
};

@@ -1273,16 +1273,22 @@
  common:
+ %5B%0A   
  allRepo
@@ -1298,53 +1298,84 @@
 ypes
-.slice(0, 3).concat(allReportTypes.slice(-1))
+%5B0%5D,%0A    allReportTypes%5B1%5D,%0A    allReportTypes%5B4%5D,%0A    allReportTypes%5B7%5D%0A  %5D
 ,%0A  

change common