From 4bceb2137c40e33fc5c6d782eabfdd3381399fd5 Mon Sep 17 00:00:00 2001
From: pheralb <pablohdez4340@gmail.com>
Date: Wed, 15 Jan 2025 11:56:00 +0000
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Add=20support=20for=20product=20bra?=
 =?UTF-8?q?nd=20guidelines?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/svgCard.svelte | 24 +++++++++++++++++++-----
 src/data/svgs.ts              |  1 +
 src/types/svg.ts              |  1 +
 3 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/src/components/svgCard.svelte b/src/components/svgCard.svelte
index 078370b..09cc8ab 100644
--- a/src/components/svgCard.svelte
+++ b/src/components/svgCard.svelte
@@ -13,7 +13,8 @@
     Sparkles,
     EllipsisIcon,
     TagIcon,
-    XIcon
+    XIcon,
+    PaletteIcon
   } from 'lucide-svelte';
 
   // Components & styles:
@@ -57,8 +58,10 @@
   let maxVisibleCategories = 1;
   let moreTagsOptions = false;
 
-  // Global Images Styles:
+  // Global Styles:
   const globalImageStyles = 'mb-4 mt-2 h-10 select-none pointer-events-none';
+  const btnStyles =
+    'flex items-center space-x-2 rounded-md p-2 duration-100 hover:bg-neutral-200 dark:hover:bg-neutral-700/40';
 </script>
 
 <div
@@ -175,7 +178,7 @@
               : svgInfo.route
           );
         }}
-        class="flex items-center space-x-2 rounded-md p-2 duration-100 hover:bg-neutral-200 dark:hover:bg-neutral-700/40"
+        class={btnStyles}
       >
         <ChevronsRight size={iconSize} strokeWidth={iconStroke} />
       </button>
@@ -200,7 +203,7 @@
       title="Website"
       target="_blank"
       rel="noopener noreferrer"
-      class="flex items-center space-x-2 rounded-md p-2 duration-100 hover:bg-neutral-200 dark:hover:bg-neutral-700/40"
+      class={btnStyles}
     >
       <LinkIcon size={iconSize} strokeWidth={iconStroke} />
     </a>
@@ -210,7 +213,7 @@
         on:click={() => {
           wordmarkSvg = !wordmarkSvg;
         }}
-        class="flex items-center space-x-2 rounded-md p-2 duration-100 hover:bg-neutral-200 dark:hover:bg-neutral-700/40"
+        class={btnStyles}
       >
         {#if wordmarkSvg}
           <Sparkles size={iconSize} strokeWidth={iconStroke} />
@@ -219,5 +222,16 @@
         {/if}
       </button>
     {/if}
+    {#if svgInfo.brandUrl !== undefined}
+      <a
+        href={svgInfo.brandUrl}
+        title="Brand Assets"
+        target="_blank"
+        rel="noopener noreferrer"
+        class={btnStyles}
+      >
+        <PaletteIcon size={iconSize} strokeWidth={iconStroke} />
+      </a>
+    {/if}
   </div>
 </div>
diff --git a/src/data/svgs.ts b/src/data/svgs.ts
index c513b88..94389b9 100644
--- a/src/data/svgs.ts
+++ b/src/data/svgs.ts
@@ -2667,6 +2667,7 @@ export const svgs: iSVG[] = [
       light: '/library/vercel_wordmark.svg',
       dark: '/library/vercel_wordmark_dark.svg'
     },
+    brandUrl: 'https://vercel.com/geist/brands',
     url: 'https://vercel.com/'
   },
   {
diff --git a/src/types/svg.ts b/src/types/svg.ts
index 6d568e3..6402e5b 100644
--- a/src/types/svg.ts
+++ b/src/types/svg.ts
@@ -11,5 +11,6 @@ export interface iSVG {
   category: tCategory | tCategory[];
   route: string | ThemeOptions;
   wordmark?: string | ThemeOptions;
+  brandUrl?: string;
   url: string;
 }