sort category filter alphabetically. Fixes #74

codegouvfr · Jan 17, 2024 · 397e12d · 397e12d
1 parent e5a5d58
commit 397e12d
Showing 1 changed file with 18 additions and 10 deletions.
diff --git a/src/ui/pages/softwareCatalog/SoftwareCatalogSearch.tsx b/src/ui/pages/softwareCatalog/SoftwareCatalogSearch.tsx
@@ -216,16 +216,24 @@ export function SoftwareCatalogSearch(props: Props) {
                             "label": tCommon("allFeminine"),
                             "value": ""
                         },
-                        ...categoryOptions.map(({ category, softwareCount }) => ({
-                            "value": category,
-                            "label": `${
-                                lang === "fr"
-                                    ? softwareCategoriesFrBySoftwareCategoryEn[
-                                          category
-                                      ] ?? category
-                                    : category
-                            } (${softwareCount})`
-                        }))
+                        ...categoryOptions
+                            .map(({ category, softwareCount }) => ({
+                                "value": category,
+                                "label": `${
+                                    lang === "fr"
+                                        ? softwareCategoriesFrBySoftwareCategoryEn[
+                                              category
+                                          ] ?? category
+                                        : category
+                                } (${softwareCount})`
+                            }))
+                            .sort((a, b) => {
+                                const labelA = a.label.toLowerCase();
+                                const labelB = b.label.toLowerCase();
+                                if (labelA < labelB) return -1;
+                                if (labelA > labelB) return 1;
+                                return 0;
+                            })
                     ]}
                 />