Sort saved filters by alphabetical order (#1298)

fix #1284

packages/loot-core/src/client/data-hooks/filters.tsx

@@ -1,3 +1,5 @@
+import { useMemo } from 'react';
+
 import q from '../query-helpers';
 import { useLiveQuery } from '../query-hooks';
 
@@ -16,7 +18,16 @@ function toJS(rows) {
 }
 
 export function useFilters() {
-  return toJS(
+  const filters = toJS(
     useLiveQuery(() => q('transaction_filters').select('*'), []) || [],
   );
+
+  /** Sort filters by alphabetical order */
+  function sort(filters) {
+    return filters.sort((a, b) =>
+      a.name.trim().localeCompare(b.name.trim(), { ignorePunctuation: true }),
+    );
+  }
+
+  return useMemo(() => sort(filters), [filters]);
 }

upcoming-release-notes/1298.md

@@ -0,0 +1,5 @@
+---
+category: Maintenance
+authors: [aleetsaiya]
+---
+Sort saved filters by alphabetical order