From c1d8b7d5314d701fde24cc08f13c0af67b0f7a2a Mon Sep 17 00:00:00 2001
From: pheralb <pablohdez4340@gmail.com>
Date: Fri, 7 Jul 2023 10:08:56 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Design=20improvements.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/svgCard.svelte |  2 +-
 src/routes/+layout.svelte     | 11 +++++++----
 src/types/categories.ts       |  1 +
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/components/svgCard.svelte b/src/components/svgCard.svelte
index 16c18b7..a579279 100644
--- a/src/components/svgCard.svelte
+++ b/src/components/svgCard.svelte
@@ -30,7 +30,7 @@
       const content = (await getSvgContent(url, false)) as string;
       await navigator.clipboard.writeText(content);
     }
-    toast.message('Copied to clipboard!', {
+    toast.success('Copied to clipboard!', {
       description: `${svgInfo.title} - ${svgInfo.category}`
     });
   };
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index d276616..050937e 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -38,7 +38,7 @@
               class="flex items-center space-x-2 duration-150 hover:text-neutral-500 dark:hover:text-neutral-300"
             >
               <h3 class="text-xl font-medium">svgl</h3>
-              <p class="text-neutral-500">v3.0.0</p>
+              <p class="text-neutral-500">v3.1.0</p>
             </div>
           </a>
           <Theme />
@@ -54,7 +54,8 @@
               ${data.pathname === `/` ? 'bg-neutral-200 dark:bg-neutral-700/30' : ''}`}
           data-sveltekit-preload-data>All</a
         >
-        {#each categories as category}
+        <!-- Order alfabetically: -->
+        {#each categories.sort() as category}
           <a
             href={`/directory/${category.toLowerCase()}`}
             class={`flex w-full items-center rounded-md p-2 transition-none duration-100 hover:bg-neutral-200 dark:hover:bg-neutral-700/40
@@ -86,8 +87,10 @@
           <div class="flex items-center space-x-2">
             <span class="flex items-center justify-center">Repository</span>
             {#if data.stars}
-              <div class="flex items-center space-x-1 text-neutral-400">
-                <div><Star size={14} weight="duotone" /></div>
+              <div class="flex items-center space-x-1 text-neutral-600 dark:text-neutral-400">
+                <div>
+                  <Star size={14} weight="duotone" class="text-yellow-700 dark:text-yellow-500" />
+                </div>
                 <span>{data.stars}</span>
               </div>
             {/if}
diff --git a/src/types/categories.ts b/src/types/categories.ts
index 2c146c8..e273cd7 100644
--- a/src/types/categories.ts
+++ b/src/types/categories.ts
@@ -1,5 +1,6 @@
 export type tCategory =
   | 'All'
+  | 'AI'
   | 'Software'
   | 'Library'
   | 'Hosting'