From 1108b024a1e4a5fee41787048b1fa704eec02b22 Mon Sep 17 00:00:00 2001
From: ridemountainpig <lin0905580802@gmail.com>
Date: Thu, 10 Oct 2024 11:37:55 +0800
Subject: [PATCH] fix: wordmark SVG error

---
 src/components/svgCard.svelte | 10 ++++++++--
 src/routes/+page.svelte       |  2 +-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/svgCard.svelte b/src/components/svgCard.svelte
index 5cda850..078370b 100644
--- a/src/components/svgCard.svelte
+++ b/src/components/svgCard.svelte
@@ -28,6 +28,7 @@
 
   // Props:
   export let svgInfo: iSVG;
+  export let searchTerm: string;
 
   let isInFigma = false;
   onMount(() => {
@@ -37,6 +38,11 @@
 
   // Wordmark SVG:
   let wordmarkSvg = false;
+  $: {
+    if (searchTerm) {
+      wordmarkSvg = false;
+    }
+  }
 
   const insertSVG = async (url?: string) => {
     const content = (await getSvgContent(url)) as string;
@@ -59,7 +65,7 @@
   class="group flex flex-col items-center justify-center rounded-md border border-neutral-200 p-4 transition-colors duration-100 hover:bg-neutral-100/80 dark:border-neutral-800 dark:hover:bg-neutral-800/20"
 >
   <!-- Image -->
-  {#if wordmarkSvg == true}
+  {#if wordmarkSvg == true && svgInfo.wordmark !== undefined}
     <img
       class={cn('hidden dark:block', globalImageStyles)}
       src={typeof svgInfo.wordmark !== 'string'
@@ -175,7 +181,7 @@
       </button>
     {/if}
 
-    {#if wordmarkSvg}
+    {#if wordmarkSvg && svgInfo.wordmark !== undefined}
       <CopySvg {iconSize} {iconStroke} {svgInfo} isInFigma={false} isWordmarkSvg={true} />
     {:else}
       <CopySvg {iconSize} {iconStroke} {svgInfo} isInFigma={false} isWordmarkSvg={false} />
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 021e713..a06b2cb 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -134,7 +134,7 @@
   </div>
   <Grid>
     {#each filteredSvgs.slice(0, showAll ? undefined : 30) as svg}
-      <SvgCard svgInfo={svg} />
+      <SvgCard svgInfo={svg} searchTerm={searchTerm} />
     {/each}
   </Grid>
   {#if filteredSvgs.length > 30 && !showAll}