From 75f361c20a2bf56c6fc889c5047b9cc3db332a4a Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Tue, 17 Dec 2024 16:20:57 +0100
Subject: [PATCH] #42 - collection switch from menu working

---
 .../brief/add-images-modal/AddImagesModal.vue  | 18 ++++++++++++------
 src/stores/addImagesModal.js                   |  2 +-
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/components/project/brief/add-images-modal/AddImagesModal.vue b/src/components/project/brief/add-images-modal/AddImagesModal.vue
index 81e3874..cf849c9 100644
--- a/src/components/project/brief/add-images-modal/AddImagesModal.vue
+++ b/src/components/project/brief/add-images-modal/AddImagesModal.vue
@@ -17,13 +17,19 @@
             @click="activeTabId = tab.id"
           >
             <span>{{ tab.name }}</span>
-            <!--
-            <ul>
-              <li class="active"><span>Premières Lumières</span></li>
-              <li><span>Éclat Hivernal</span></li>
-              <li><span>Crépuscule Doré</span></li>
+            <ul v-if="tab.id === 'inspirations'">
+              <li
+                v-for="collection in tab.collections"
+                :class="{ active: collection.isActive }"
+                @click="
+                  tab.images = collection.media;
+                  tab.collections.map((item) => (item.isActive = false));
+                  collection.isActive = true;
+                "
+              >
+                <span>{{ collection.title }}</span>
+              </li>
             </ul>
-            -->
           </li>
         </ul>
       </nav>
diff --git a/src/stores/addImagesModal.js b/src/stores/addImagesModal.js
index 25c796e..6425884 100644
--- a/src/stores/addImagesModal.js
+++ b/src/stores/addImagesModal.js
@@ -37,7 +37,6 @@ export const useAddImagesModalStore = defineStore("add-images-modal", () => {
       component: ImagesResources,
       params: false,
       collections: [],
-      activeCollectionImages: [],
       selectedImages: [],
     },
   ]);
@@ -66,6 +65,7 @@ export const useAddImagesModalStore = defineStore("add-images-modal", () => {
   api.fetchData("inspirations").then((json) => {
     console.log(json);
     tabs.value[3].collections = json.page.inspirations;
+    tabs.value[3].collections[0].isActive = true;
     tabs.value[3].images = json.page.inspirations[0].media;
   });