Merge branch 'main' of github.com:pheralb/svgl

src/components/copySvg.svelte

@@ -113,6 +113,7 @@
         description: `${error ?? ''}`,
         duration: 5000
       });
+      isLoading = false;
       return;
     }
 

src/components/svgCard.svelte

@@ -102,7 +102,11 @@
     <div class="flex items-center justify-center space-x-1">
       {#if Array.isArray(svgInfo.category)}
         {#each svgInfo.category.slice(0, maxVisibleCategories) as c, index}
-          <a href={`/directory/${c.toLowerCase()}`} class={badgeStyles}>{c}</a>
+          <a
+            href={`/directory/${c.toLowerCase()}`}
+            class={badgeStyles}
+            title={`This icon is part of the ${svgInfo.category} category`}>{c}</a
+          >
         {/each}
 
         {#if svgInfo.category.length > maxVisibleCategories}

src/data/svgs.ts

@@ -1,6 +1,19 @@
 import type { iSVG } from '../types/svg';
 
 export const svgs: iSVG[] = [
+  {
+    title: 'Milanote',
+    category: 'Software',
+    route: {
+      light: '/library/milanote-light.svg',
+      dark: '/library/milanote-dark.svg'
+    },
+    wordmark: {
+      light: '/library/milanote-wordmark-light.svg',
+      dark: '/library/milanote-wordmark-dark.svg'
+    },
+    url: 'https://milanote.com'
+  },
   {
     title: 'Inflection AI',
     category: 'AI',
@@ -2010,7 +2023,7 @@ export const svgs: iSVG[] = [
   },
   {
     title: 'Stripe',
-    category: 'Software',
+    category: ['Software', 'Payment'],
     route: '/library/stripe.svg',
     url: 'https://stripe.com/'
   },
@@ -2508,12 +2521,6 @@ export const svgs: iSVG[] = [
     },
     url: 'https://www.markdownguide.org/'
   },
-  {
-    title: 'Movie Web',
-    category: 'Entertainment',
-    route: '/library/movie-web.svg',
-    url: 'https://movie-web.app/'
-  },
   {
     title: 'Radix UI',
     category: 'Library',