bugFix #595 Fixed incorrect order of filter items on the "Матеріали" …

…page after selecting the "Теми" filter. (#820)

Co-authored-by: Solomiia Lomnytska <solomiia.lomnytska.pz.2021@lpnu.ua>

src/views/Profile/AdminTable/AdminFilter.tsx

@@ -48,6 +48,12 @@ export const AdminFilter: React.FC<IMaterialsFilter> = ({
 }) => {
   const ALL_OPTIONS_IDS = allOptions.map((e) => e.id);
 
+  const sortedOptions = [...allOptions].sort((a, b) => {
+    const labelA = a.label || '';
+    const labelB = b.label || '';
+    return labelA.localeCompare(labelB);
+  });
+
   const classes = useStyles();
   const { t } = useTranslation();
   const [open, setOpen] = useState(false);
@@ -109,7 +115,7 @@ export const AdminFilter: React.FC<IMaterialsFilter> = ({
             <Checkbox checked={selected?.length === allOptions.length} />
             <ListItemText primary={t(langTokens.common.all)} />
           </MenuItem>
-          {allOptions.map((option) => (
+          {sortedOptions.map((option) => (
             <MenuItem key={option.id} value={option.id}>
               <Checkbox checked={!!selected?.includes(option.id)} />
               <ListItemText primary={option?.label ?? option.name} />