From 09eb3e1969b70814152bf65c5e6b96364db6ace5 Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Wed, 16 Oct 2024 18:12:06 +0200
Subject: [PATCH] images resources component - support dynamic images depending
 on tab id

---
 .../client-brief/add-images-modal/AddImagesModal.vue        | 2 +-
 .../client-brief/add-images-modal/ImagesResources.vue       | 5 ++++-
 src/stores/addImagesModal.js                                | 6 +++---
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/project/client-brief/add-images-modal/AddImagesModal.vue b/src/components/project/client-brief/add-images-modal/AddImagesModal.vue
index 899b812..f77345a 100644
--- a/src/components/project/client-brief/add-images-modal/AddImagesModal.vue
+++ b/src/components/project/client-brief/add-images-modal/AddImagesModal.vue
@@ -28,7 +28,7 @@
             <component
               @add-images="addImages"
               :is="tab.component"
-              :params="tab.params ? tab.params : {}"
+              :id="tab.id"
               :class="{ hidden: activeTab.name !== tab.name }"
             />
           </template>
diff --git a/src/components/project/client-brief/add-images-modal/ImagesResources.vue b/src/components/project/client-brief/add-images-modal/ImagesResources.vue
index 0c4ee65..1b742fe 100644
--- a/src/components/project/client-brief/add-images-modal/ImagesResources.vue
+++ b/src/components/project/client-brief/add-images-modal/ImagesResources.vue
@@ -28,10 +28,13 @@ import { useAddImagesModalStore } from "../../../../stores/addImagesModal";
 import { computed } from "vue";
 import ArrayUtils from "../../../../utils/array";
 
+const { id } = defineProps({
+  id: String,
+});
 const { tabs } = storeToRefs(useAddImagesModalStore());
 
 const tab = computed(() => {
-  return tabs.value.find((tab) => tab.id === "materials");
+  return tabs.value.find((tab) => tab.id === id);
 });
 
 function isSelected(image) {
diff --git a/src/stores/addImagesModal.js b/src/stores/addImagesModal.js
index c8cbcc4..574b058 100644
--- a/src/stores/addImagesModal.js
+++ b/src/stores/addImagesModal.js
@@ -58,9 +58,9 @@ export const useAddImagesModalStore = defineStore("add-images-modal", () => {
     .fetchPageData("materials")
     .then((json) => (images.value = tabs.value[1].images = json.images));
 
-  api
-    .fetchPageData("creations")
-    .then((json) => (images.value = tabs.value[2].images = json.images));
+  api.fetchPageData("creations").then((json) => {
+    images.value = tabs.value[2].images = json.images;
+  });
 
   return { images, activeTabId, tabs, activeTab };
 });