⚙️ Create getIcons utility + export Icons & FoldersIcons …

…data
pheralb · Sep 8, 2024 · 0ebf385 · 0ebf385
1 parent a008ba6
commit 0ebf385
Showing 1 changed file with 15 additions and 16 deletions.
diff --git a/website/app/data/svgs.ts b/website/app/data/svgs.ts
@@ -5,23 +5,22 @@ export interface iIcons {
   icon: React.FC<React.SVGProps<SVGSVGElement>>;
 }
 
-export const Icons: iIcons[] = Object.keys(ReactSymbols)
-  .filter((key) => !key.startsWith("Folder"))
-  .map((key) => ({
-    name: key,
-    icon: (
-      ReactSymbols as Record<string, React.FC<React.SVGProps<SVGSVGElement>>>
-    )[key],
-  }));
+const getIcons = (filterFn: (key: string) => boolean): iIcons[] => {
+  return Object.keys(ReactSymbols)
+    .filter(filterFn)
+    .map((key) => ({
+      name: key,
+      icon: (
+        ReactSymbols as Record<string, React.FC<React.SVGProps<SVGSVGElement>>>
+      )[key],
+    }));
+};
 
-export const FoldersIcons: iIcons[] = Object.keys(ReactSymbols)
-  .filter((key) => key.startsWith("Folder"))
-  .map((key) => ({
-    name: key,
-    icon: (
-      ReactSymbols as Record<string, React.FC<React.SVGProps<SVGSVGElement>>>
-    )[key],
-  }));
+export const Icons: iIcons[] = getIcons((key) => !key.startsWith("Folder"));
+export const FoldersIcons: iIcons[] = getIcons((key) =>
+  key.startsWith("Folder"),
+);
 
+export const totalLibraryIcons = [...Icons, ...FoldersIcons].length;
 export const totalIcons = Icons.length;
 export const totalFolders = FoldersIcons.length;