From 5343caa4a6d4ad44d95f058c79e727e62ce2e0e0 Mon Sep 17 00:00:00 2001
From: axolotle <nchesnais@mailoo.org>
Date: Fri, 9 Jul 2021 11:10:16 +0200
Subject: [PATCH] add base image to node

---
 src/components/globals/ButtonImage.vue | 2 +-
 src/pages/gallery/GalleryView.vue      | 8 ++------
 src/store/nodes.js                     | 5 +++++
 3 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/components/globals/ButtonImage.vue b/src/components/globals/ButtonImage.vue
index 1e9922f..df27926 100644
--- a/src/components/globals/ButtonImage.vue
+++ b/src/components/globals/ButtonImage.vue
@@ -7,7 +7,7 @@
   >
     <span
       class="btn-image-wrapper"
-      :style="`--url: url(${image.url.replace('api', 'api/sites/default/files')});`"
+      :style="`--url: url(${image.url});`"
     >
       <slot name="default" />
     </span>
diff --git a/src/pages/gallery/GalleryView.vue b/src/pages/gallery/GalleryView.vue
index d17e020..eb381a9 100644
--- a/src/pages/gallery/GalleryView.vue
+++ b/src/pages/gallery/GalleryView.vue
@@ -5,7 +5,7 @@
         <div class="h-100" />
 
         <div class="node-view-img-wrapper">
-          <img :src="image.url" :alt="image.alt">
+          <img :src="node.image.url" :alt="node.image.alt">
 
           <button-expand @click="$emit('view-creation')" v-b-modal="'modal-creation' + node.id" class="center" />
 
@@ -30,7 +30,7 @@
         class="gallery-view-btn-wrapper"
         :class="buttonClasses[i]"
       >
-        <button-image :image="sibling.images[0]" @click="$emit('open-creation', sibling.id)">
+        <button-image :image="sibling.image" @click="$emit('open-creation', sibling.id)">
           <node-view-title
             :node="sibling"
             tag="span" link
@@ -89,10 +89,6 @@ export default {
 
   created () {
     this.buttonClasses = shuffle(this.buttonClasses)
-    if (this.node.images && this.node.images.length) {
-      const { url, alt, id } = this.node.images[0]
-      this.image = { alt, id, url: url.replace('api', 'api/sites/default/files') }
-    }
   }
 }
 </script>
diff --git a/src/store/nodes.js b/src/store/nodes.js
index d4eb86d..88b1c72 100644
--- a/src/store/nodes.js
+++ b/src/store/nodes.js
@@ -40,6 +40,11 @@ export default {
           node.variant = [{ id: 0 }]
         }
 
+        if (node.images && node.images.length) {
+          const { url, alt, id } = node.images[0]
+          node.image = { alt, id, url: url.replace('api', 'api/sites/default/files') }
+        }
+
         if ('creations' in node) {
           if (node.creations) {
             if (!Array.isArray(node.children)) {