sort filters using localCompare

kbase · Nov 30, 2023 · bcfc11c · bcfc11c
1 parent 9d249e3
commit bcfc11c
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/features/collections/CollectionDetail.tsx b/src/features/collections/CollectionDetail.tsx
@@ -94,6 +94,8 @@ export const CollectionDetail = () => {
 
   const [filterOpen, setFiltersOpen] = useState(false);
   const filterMenuRef = useRef<HTMLButtonElement>(null);
+  const filterEntries = Object.entries(filters || {});
+  filterEntries.sort((a, b) => a[0].localeCompare(b[0]));
 
   const filterMenu = (
     <div>
@@ -104,7 +106,7 @@ export const CollectionDetail = () => {
         open={filterOpen}
         onClose={() => setFiltersOpen(false)}
       >
-        {Object.entries(filters || {}).flatMap(([column, filter]) => {
+        {filterEntries.flatMap(([column, filter]) => {
           const hasVal = Boolean(filter.value);
           const children = [
             <Divider key={column + '__label'} textAlign="left">