Fix SelectSearch option filtering

thunderstore-io · Nov 27, 2023 · a7df0b5 · a7df0b5
1 parent 50937e6
commit a7df0b5
Showing 1 changed file with 16 additions and 12 deletions.
diff --git a/packages/cyberstorm/src/components/SelectSearch/SelectSearch.tsx b/packages/cyberstorm/src/components/SelectSearch/SelectSearch.tsx
@@ -125,18 +125,22 @@ export const SelectSearch = React.forwardRef<HTMLInputElement, Props>(
               isVisible ? styles.visible : null
             )}
           >
-            {options.map((option) => {
-              return (
-                <SelectItem
-                  key={option}
-                  onClick={(e) => {
-                    onChange(option);
-                    e.stopPropagation();
-                  }}
-                  option={option}
-                />
-              );
-            })}
+            {options
+              .filter((option) =>
+                option.toLowerCase().includes(search.toLowerCase())
+              )
+              .map((option) => {
+                return (
+                  <SelectItem
+                    key={option}
+                    onClick={(e) => {
+                      onChange(option);
+                      e.stopPropagation();
+                    }}
+                    option={option}
+                  />
+                );
+              })}
           </div>
         </div>
       </div>