preview: Reduce the number of results displayed in search results (#997)

react-icons · Dec 3, 2024 · 1393664 · 1393664
1 parent 9d7ecf4
commit 1393664
Showing 1 changed file with 12 additions and 7 deletions.
diff --git a/packages/preview-astro/src/components/search/search-iconset.tsx b/packages/preview-astro/src/components/search/search-iconset.tsx
@@ -30,13 +30,18 @@ export function SearchIconSet({
 
   const found =
     icons &&
-    Object.keys(icons).filter((name) =>
-      query
-        .toLowerCase()
-        .split(" ")
-        .filter((t) => !!t)
-        .every((term) => name.toLowerCase().includes(term)),
-    );
+    Object.keys(icons)
+      .filter((name) => {
+        const rules = query
+          .toLowerCase()
+          .split(" ")
+          .filter((t) => !!t);
+        return rules.length == 0
+          ? false
+          : rules.every((term) => name.toLowerCase().includes(term));
+      })
+      .slice(0, 100); // show top 100 icons
+
   return (
     <>
       {found ? (