fix up

2 files changed, 10 insertions, 6 deletions

diff --git a/src/components/CardThumb.svelte b/src/components/CardThumb.svelte
index 4c41f2d..be6af81 100644
--- a/src/components/CardThumb.svelte
+++ b/src/components/CardThumb.svelte
@@ -1,6 +1,7 @@
 <script lang="js">
 
     import {setLeftPanelCard} from '../control/left_panel';
+    import { cardImageUrl } from '../utils';
 
     let {id, area} = $props();
 
@@ -21,7 +22,7 @@
         onfocus={onhover}
         ondragstart={onDragStart}
         height="100%"
-        src="https://cdn.233.momobako.com/ygopro/pics/{id}.jpg"
+        src={cardImageUrl(id)}
         alt="yugioh card {id}"
     />
 {/if}
diff --git a/src/components/LeftPanel.svelte b/src/components/LeftPanel.svelte
index f5d2fa8..b2fe2b1 100644
--- a/src/components/LeftPanel.svelte
+++ b/src/components/LeftPanel.svelte
@@ -1,9 +1,12 @@
 <script lang="js">
 
-import {
-    leftPanelCardId,
-    leftPanelCardDesc,
-} from '../control/left_panel'
+    import {
+        leftPanelCardId,
+        leftPanelCardDesc,
+    } from '../control/left_panel';
+
+    import { cardImageUrl } from '../utils';
+
 
 </script>
 
@@ -11,7 +14,7 @@ import {
     <div class="card-preview">
         <div class="card-image-large">
             {#if $leftPanelCardId}
-                <img height="100%" src="https://cdn.233.momobako.com/ygopro/pics/{$leftPanelCardId}.jpg" alt="card img">
+                <img height="100%" src={cardImageUrl($leftPanelCardId)} alt="card img">
             {/if}
         </div>
         <div class="card-description">