🦊 Sort categories in category filter (#463)

WallfacerLabs · May 10, 2024 · 80660eb · 80660eb
1 parent 2f8a16b
commit 80660eb
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/components/ui/filterPanels/filters/categoryFilter.tsx b/src/components/ui/filterPanels/filters/categoryFilter.tsx
@@ -3,6 +3,7 @@
 import { type Category } from "@/types/Category";
 import { CategoryColor } from "@/types/CategoryColor";
 import { cn } from "@/lib/cn";
+import { sortObjectsByKey } from "@/lib/sort";
 import { getCategoryIcon } from "@/components/ui/categories/getCategoryIcon";
 import { getCategoryStyles } from "@/components/ui/categories/getCategoryStyles";
 import {
@@ -28,13 +29,15 @@ export const CategoryFilter = ({
   categories,
   onCategoryChange,
 }: CategoryFilterProps) => {
+  const sortedCategories = sortObjectsByKey(categories, ["name"], true);
+
   return (
     <Select onValueChange={onCategoryChange}>
       <SelectTrigger className="w-[180px]">
         <SelectValue placeholder="Category" />
       </SelectTrigger>
       <SelectContent>
-        {categories.map(({ id, name, color }) => (
+        {sortedCategories.map(({ id, name, color }) => (
           <SelectItem key={id} value={id}>
             <span
               className={cn(