From 804a060e581d6d1102e8d3d0af3e711046a89add Mon Sep 17 00:00:00 2001
From: pheralb <pablohdez4340@gmail.com>
Date: Sat, 27 Jan 2024 00:09:37 +0000
Subject: [PATCH] =?UTF-8?q?=E2=9A=99=EF=B8=8F=20Fixed=20download=20svg=20w?=
 =?UTF-8?q?hen=20``wordmark``=20&=20``route``=20are=20strings?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/downloadSvg.svelte | 121 ++++++++++++++++++------------
 1 file changed, 72 insertions(+), 49 deletions(-)

diff --git a/src/components/downloadSvg.svelte b/src/components/downloadSvg.svelte
index e347156..72ad344 100644
--- a/src/components/downloadSvg.svelte
+++ b/src/components/downloadSvg.svelte
@@ -84,7 +84,7 @@
   };
 </script>
 
-{#if typeof svgInfo.route === 'string'}
+{#if typeof svgInfo.route === 'string' && svgInfo.wordmark === undefined}
   <button
     title="Download Light & Dark variants"
     class={mainDownloadStyles}
@@ -114,56 +114,79 @@
           'md:space-y-0 md:flex-row md:space-x-2 md:items-center md:justify-center'
         )}
       >
-        <div class={cardDownloadStyles}>
-          <img
-            src={isDarkTheme() ? svgInfo.route.dark : svgInfo.route.light}
-            alt={svgInfo.title}
-            class="h-10 my-4"
-          />
-          <button
-            title="Logo with light & dark variants"
-            class={buttonStyles}
-            on:click={() => {
-              if (typeof svgInfo.route !== 'string') {
-                downloadAllVariants({
-                  lightRoute: svgInfo.route.light,
-                  darkRoute: svgInfo.route.dark
-                });
-              }
-            }}
-          >
-            <DownloadIcon size={iconSize} />
-            <p>Light & dark variants</p>
-          </button>
+        {#if typeof svgInfo.route === 'string'}
+          <div class={cardDownloadStyles}>
+            <img
+              src={isDarkTheme() ? svgInfo.route : svgInfo.route}
+              alt={svgInfo.title}
+              class="h-8 my-4"
+            />
+            <button
+              title="Download logo"
+              class={buttonStyles}
+              on:click={() => {
+                if (typeof svgInfo.route === 'string') {
+                  downloadSvg(svgInfo.route);
+                  return;
+                }
+              }}
+            >
+              <DownloadIcon class="mr-2" size={iconSize} />
+              <p>Icon logo</p>
+            </button>
+          </div>
+        {:else}
+          <div class={cardDownloadStyles}>
+            <img
+              src={isDarkTheme() ? svgInfo.route.dark : svgInfo.route.light}
+              alt={svgInfo.title}
+              class="h-10 my-4"
+            />
+            <button
+              title="Logo with light & dark variants"
+              class={buttonStyles}
+              on:click={() => {
+                if (typeof svgInfo.route !== 'string') {
+                  downloadAllVariants({
+                    lightRoute: svgInfo.route.light,
+                    darkRoute: svgInfo.route.dark
+                  });
+                }
+              }}
+            >
+              <DownloadIcon size={iconSize} />
+              <p>Light & dark variants</p>
+            </button>
 
-          <button
-            title="Download light variant"
-            class={buttonStyles}
-            on:click={() => {
-              if (typeof svgInfo.route !== 'string') {
-                downloadSvg(svgInfo.route.light);
-                return;
-              }
-            }}
-          >
-            <DownloadIcon class="mr-2" size={iconSize} />
-            Only light variant
-          </button>
+            <button
+              title="Download light variant"
+              class={buttonStyles}
+              on:click={() => {
+                if (typeof svgInfo.route !== 'string') {
+                  downloadSvg(svgInfo.route.light);
+                  return;
+                }
+              }}
+            >
+              <DownloadIcon class="mr-2" size={iconSize} />
+              Only light variant
+            </button>
 
-          <button
-            title="Download dark variant"
-            class={buttonStyles}
-            on:click={() => {
-              if (typeof svgInfo.route !== 'string') {
-                downloadSvg(svgInfo.route.dark);
-                return;
-              }
-            }}
-          >
-            <DownloadIcon class="mr-2" size={iconSize} />
-            Only dark variant
-          </button>
-        </div>
+            <button
+              title="Download dark variant"
+              class={buttonStyles}
+              on:click={() => {
+                if (typeof svgInfo.route !== 'string') {
+                  downloadSvg(svgInfo.route.dark);
+                  return;
+                }
+              }}
+            >
+              <DownloadIcon class="mr-2" size={iconSize} />
+              Only dark variant
+            </button>
+          </div>
+        {/if}
 
         {#if typeof svgInfo.wordmark === 'string' && svgInfo.wordmark !== undefined}
           <div class={cardDownloadStyles}>