🔍️ Improve searchability of the icons: case insensitive

EdoardoGruppi · Feb 6, 2024 · d6da490 · d6da490
1 parent fb95d14
commit d6da490
Showing 1 changed file with 8 additions and 6 deletions.
diff --git a/src/cards/cards.tsx b/src/cards/cards.tsx
@@ -26,12 +26,14 @@ export function Cards() {
 
   useEffect(() => {
     setFilteredIcons(
-      Object.keys(icons.current).filter(
-        (key) =>
-          key.includes(filter) ||
-          icons.current[key].desc.includes(filter) ||
-          icons.current[key].keys.includes(filter)
-      )
+      Object.keys(icons.current).filter((key) => {
+        const lowerFilter = filter.trim().toLowerCase();
+        return (
+          key.toLowerCase().includes(lowerFilter) ||
+          icons.current[key].desc.toLowerCase().includes(lowerFilter) ||
+          icons.current[key].keys.toLowerCase().includes(lowerFilter)
+        );
+      })
     );
   }, [filter]);