fix: image name for synthesis from imageKey (#800)

WFCD · Jun 7, 2022 · 07dd0af · 07dd0af · vercel · Jun 7, 2022
1 parent 8f83ef8
commit 07dd0af
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/components/SynthesisImg.vue b/components/SynthesisImg.vue
@@ -7,6 +7,8 @@
 import HubImg from '@/components/HubImg';
 import { optimize, cdn } from '@/services/utilities';
 
+const translate = (stub) => (stub ? optimize(cdn(`webp/synthesis/${stub}.webp`)) : null);
+
 const imgs = {
   'Ancient Disruptor': optimize(cdn('webp/synthesis/ancient_disruptor.webp')),
   'Ancient Healer': optimize(cdn('webp/synthesis/ancient_healer.webp')),
@@ -67,11 +69,12 @@ export default {
       type: String,
       default: '100px',
     },
+    image: { type: String, required: true },
   },
   data() {
     return {
       target: this.name,
-      src: imgs[this.name],
+      src: translate(this.image) || imgs[this.name],
     };
   },
 };

diff --git a/pages/synthesis.vue b/pages/synthesis.vue
@@ -65,7 +65,7 @@
           {{ datum.item.name }}
         </template>
         <template #cell(portrait)="datum">
-          <SynthesisImg :name="datum.item.name" />
+          <SynthesisImg :name="datum.item.name" :image="datum.item.imageKey" />
         </template>
         <template #cell(location)="datum">
           <span v-for="(location, key) in datum.item.locations" :key="key">