Browse Source

Refactor Mask UI Page [Masks]

[+] refactor(mask.tsx): refactor simple search to be case-insensitive
H0llyW00dzZ 1 year ago
parent
commit
74fcaab5e9
1 changed files with 4 additions and 2 deletions
  1. 4 2
      app/components/mask.tsx

+ 4 - 2
app/components/mask.tsx

@@ -393,11 +393,13 @@ export function MaskPage() {
   const [searchText, setSearchText] = useState("");
   const masks = searchText.length > 0 ? searchMasks : allMasks;
 
-  // simple search, will refactor later
+  // refactored already, now it accurate
   const onSearch = (text: string) => {
     setSearchText(text);
     if (text.length > 0) {
-      const result = allMasks.filter((m) => m.name.includes(text));
+      const result = allMasks.filter((m) =>
+        m.name.toLowerCase().includes(text.toLowerCase())
+      );
       setSearchMasks(result);
     } else {
       setSearchMasks(allMasks);