Sort groups and countries alphabetically instead of implicitly by size (

#1025)
HowTheyVote · Sep 2, 2024 · 41f7096 · 41f7096
2 parents 90203e0 + 3a62d2e
commit 41f7096
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/frontend/src/components/CountriesFilterSelect.tsx b/frontend/src/components/CountriesFilterSelect.tsx
@@ -14,7 +14,9 @@ export default function CountriesFilterSelect({
   onChange,
 }: CountriesFilterSelectProps) {
   const options = Object.fromEntries(
-    countries.map((country) => [country.code, country.label]),
+    countries
+      .map((country) => [country.code, country.label])
+      .sort((a, b) => a[1].localeCompare(b[1])),
   );
 
   return (

diff --git a/frontend/src/components/GroupsFilterSelect.tsx b/frontend/src/components/GroupsFilterSelect.tsx
@@ -14,7 +14,9 @@ export default function GroupsFilterSelect({
   onChange,
 }: GroupsFilterSelectProps) {
   const options = Object.fromEntries(
-    groups.map((group) => [group.code, group.short_label || group.label]),
+    groups
+      .map((group) => [group.code, group.short_label || group.label])
+      .sort((a, b) => a[1].localeCompare(b[1])),
   );
 
   return (