From 6cb010c921196a5bed9e5a236d9ea5f0e4785d59 Mon Sep 17 00:00:00 2001
From: timotheegoguely <timothee@goguely.com>
Date: Tue, 10 Sep 2024 15:42:52 +0200
Subject: [PATCH] Update Inspirations view: add Mes Favoris tab

---
 src/views/Inspirations.vue | 26 +++++++++++---------------
 1 file changed, 11 insertions(+), 15 deletions(-)

diff --git a/src/views/Inspirations.vue b/src/views/Inspirations.vue
index ac53721..e6e5f73 100644
--- a/src/views/Inspirations.vue
+++ b/src/views/Inspirations.vue
@@ -4,20 +4,8 @@
     <Menu />
     <main>
       <h2 id="tabslist" class="sr-only">Inspirations</h2>
-      <!-- 2 Tabs:
-        label: "Les Inspirations", id: "inspirations", count: false 
-        label: "Mes Favoris", id: "favorites", count: true
-        
-        <template v-if="data">
-          <Tabs :projects="data.children" @update:currentTab="changeTab" />
-          <TabPanel :projects="data.children" :currentTab="currentTab" />
-        </template>
-        -->
       <Tabs :tabs="tabs" @update:currentTab="changeTab" />
-
       <Selector />
-
-      <!-- TabPanel -->
       <section class="inspiration">
         <Header :inspiration="currentInspiration" />
         <div class="grid masonry">
@@ -70,11 +58,19 @@ const currentTab = ref("all");
 const tabs = computed(() => {
   return [
     {
-      label: "Les inspirations",
+      label: "Les Inspirations",
       id: "all",
-      count: currentInspiration.media.length,
-      isActive: true,
+      icon: null,
+      count: null,
+      isActive: currentTab.value === "all"
     },
+    {
+      label: "Mes Favoris",
+      id: "favorites",
+      icon: "favorite",
+      count: 6, // TODO: dynamiser (favorites.count)
+      isActive: currentTab.value === "favorites"
+    }
   ];
 });