From dce255c6704c132f6c78fa38ebb8e550131882c3 Mon Sep 17 00:00:00 2001
From: Matt Strapp <matt@mattstrapp.net>
Date: Fri, 10 May 2024 15:27:07 -0500
Subject: Use newer icon lib

Signed-off-by: Matt Strapp <matt@mattstrapp.net>
---
 app/package.json                         |  3 +--
 app/src/lib/components/Navigation.svelte | 14 +++++---------
 2 files changed, 6 insertions(+), 11 deletions(-)

(limited to 'app')

diff --git a/app/package.json b/app/package.json
index 47d188d..833f8f7 100644
--- a/app/package.json
+++ b/app/package.json
@@ -7,8 +7,6 @@
     "@floating-ui/dom": "1.6.5"
   },
   "devDependencies": {
-    "@iconify/icons-carbon": "1.2.20",
-    "@iconify/svelte": "4.0.2",
     "@skeletonlabs/skeleton": "2.10.0",
     "@skeletonlabs/tw-plugin": "0.4.0",
     "@sveltejs/adapter-auto": "3.2.0",
@@ -29,6 +27,7 @@
     "eslint-config-prettier": "9.1.0",
     "eslint-plugin-svelte": "2.39.0",
     "html-minifier-terser": "7.2.0",
+    "iconify-icon": "^2.1.0",
     "postcss": "8.4.38",
     "prettier": "3.2.5",
     "prettier-plugin-svelte": "3.2.3",
diff --git a/app/src/lib/components/Navigation.svelte b/app/src/lib/components/Navigation.svelte
index 8bfb98f..b058c1d 100644
--- a/app/src/lib/components/Navigation.svelte
+++ b/app/src/lib/components/Navigation.svelte
@@ -2,11 +2,7 @@
   import { page } from '$app/stores'
   import { base } from "$app/paths";
 
-  import Icon from '@iconify/svelte'
-  import homeIcon from '@iconify/icons-carbon/home'
-  import logoGithub from '@iconify/icons-carbon/logo-github'
-  import menuIcon from '@iconify/icons-carbon/menu'
-  import pageBreak from '@iconify/icons-carbon/page-break'
+  import "iconify-icon";
 
   import { AppRail, AppRailAnchor, getDrawerStore } from '@skeletonlabs/skeleton'
 
@@ -27,7 +23,7 @@
     {#if menu}
       <AppRailAnchor on:click={drawerClose} title="Close Menu" value={0} href="javascript:;">
         <svelte:fragment slot="lead">
-          <Icon icon={menuIcon} width="25" />
+          <iconify-icon icon="carbon:menu" width="25" />
         </svelte:fragment>
         Close Menu
       </AppRailAnchor>
@@ -40,7 +36,7 @@
     title="Homepage"
   >
     <svelte:fragment slot="lead">
-      <Icon icon={homeIcon} width="35" />
+      <iconify-icon icon="carbon:home" width="35" />
     </svelte:fragment>
     Home!
   </AppRailAnchor>
@@ -51,7 +47,7 @@
     title="Truncate Files"
   >
     <svelte:fragment slot="lead">
-      <Icon icon={pageBreak} width="35" />
+      <iconify-icon icon="carbon:page-break" width="35" />
     </svelte:fragment>
     Truncate!
   </AppRailAnchor>
@@ -63,7 +59,7 @@
       title="Source Code"
     >
       <svelte:fragment slot="lead">
-        <Icon icon={logoGithub} width="35" />
+        <iconify-icon icon="carbon:logo-github" width="35" />
       </svelte:fragment>
       Source!
     </AppRailAnchor>
-- 
cgit v1.2.3