feat: icons test

flornkm · Dec 23, 2023 · 712c083 · 712c083 · vercel · Dec 23, 2023
1 parent b638d9f
commit 712c083
Show file tree

Hide file tree

Showing 9 changed files with 26 additions and 6 deletions.
diff --git a/design-system/assets/icons/edit.svg b/design-system/assets/icons/edit.svg
diff --git a/design-system/assets/icons/expand.svg b/design-system/assets/icons/expand.svg
diff --git a/design-system/assets/icons/folder.svg b/design-system/assets/icons/folder.svg
diff --git a/design-system/assets/icons/textfile.svg b/design-system/assets/icons/textfile.svg
diff --git a/pages/archive/copyables/+Page.tsx b/pages/archive/copyables/+Page.tsx
@@ -1,5 +1,5 @@
 import Button, { InlineLink } from "#components/Button"
-import File from "~icons/eva/folder-outline"
+import File from "~icons/central-icon-system/textfile"
 import Vectorfiles from "./assets/vectorfiles.json"
 import { useState } from "preact/hooks"
 import README from "#components/README"

diff --git a/pages/archive/index/+Page.tsx b/pages/archive/index/+Page.tsx
@@ -1,4 +1,4 @@
-import Folder from "~icons/eva/folder-outline"
+import Folder from "~icons/central-icon-system/folder"
 import * as m from "#lang/paraglide/messages"
 import README from "#components/README"
 import { userScrolledDown } from "#hooks/userScrolledDown"

diff --git a/pages/archive/projects/index/+Page.tsx b/pages/archive/projects/index/+Page.tsx
@@ -1,7 +1,7 @@
 import Button, { InlineLink } from "#components/Button"
 import { InlineInfo } from "#components/Inline"
 import Tooltip from "#components/Tooltip"
-import File from "~icons/eva/folder-outline"
+import File from "~icons/central-icon-system/textfile"
 import * as m from "#lang/paraglide/messages"
 import README from "#components/README"
 import { userScrolledDown } from "#hooks/userScrolledDown"

diff --git a/pages/archive/short-projects/index/+Page.tsx b/pages/archive/short-projects/index/+Page.tsx
@@ -1,7 +1,7 @@
 import Button, { InlineLink } from "#components/Button"
 import { InlineInfo } from "#components/Inline"
 import Tooltip from "#components/Tooltip"
-import File from "~icons/eva/folder-outline"
+import File from "~icons/central-icon-system/textfile"
 import * as m from "#lang/paraglide/messages"
 import README from "#components/README"
 import { userScrolledDown } from "#hooks/userScrolledDown"

diff --git a/vite.config.ts b/vite.config.ts
@@ -1,7 +1,7 @@
 import preact from "@preact/preset-vite"
 import ssr from "vike/plugin"
 import Icons from "unplugin-icons/vite"
-import path from "path"
+import { FileSystemIconLoader } from "unplugin-icons/loaders"
 import { defineConfig } from "vite"
 import { fileURLToPath } from "url"
 
@@ -51,7 +51,15 @@ export default defineConfig(() => ({
     ssr({
       prerender: true,
     }),
-    Icons({ compiler: "jsx", jsx: "preact" }),
+    Icons({
+      compiler: "jsx",
+      jsx: "preact",
+      customCollections: {
+        "central-icon-system": FileSystemIconLoader(
+          "./design-system/assets/icons"
+        ),
+      },
+    }),
   ],
   optimizeDeps: {
     include: [