hide "reset conversation" when it doesnt start

SlovakNationalGallery · Sep 11, 2024 · 06f076a · 06f076a
1 parent f2f78ba
commit 06f076a
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git a/resources/js/app.js b/resources/js/app.js
@@ -29,7 +29,7 @@ const routes = [
         path: '/',
         component: Settings,
         meta: {
-            title: 'App settings',
+            title: 'Výber miestnosti:',
         },
     },
     {

diff --git a/resources/js/components/Header.vue b/resources/js/components/Header.vue
@@ -10,7 +10,7 @@
         </div>
         <!-- <LanguageSwitcher v-else-if="route.name === 'home'" /> -->
         <!-- <ViewedItemsCount v-else class="flex-1 border-l-2 border-l-transparent px-4 py-2" :show-tooltip="isActive" /> -->
-        <div class="items-center flex">
+        <div class="items-center flex" v-if="!interactionStore.isEmpty()">
             <button @click="shownResetModal = true" class="flex py-2 text-base font-bold items-center">
                 <svg
                     class="w-6 h-6 fill-none stroke-black stroke-2 mr-2"
@@ -43,7 +43,11 @@
             <p>Chceš začať odznova? Konverzácia sa resetuje.</p>
         </div>
         <div class="flex space-x-6">
-            <ConfirmButton class="" @click="shownResetModal = false">{{ $t('Close') }}</ConfirmButton>
+            <ConfirmButton
+                class=""
+                @click="shownResetModal = false"
+                >{{ $t('Close') }}</ConfirmButton
+            >
             <ConfirmButton class="bg-black text-white" @click="resetInteraction">{{ $t('Reset') }}</ConfirmButton>
         </div>
     </CardModal>

diff --git a/resources/js/stores/InteractionStore.js b/resources/js/stores/InteractionStore.js
@@ -107,5 +107,8 @@ export const useInteractionStore = defineStore('InteractionStore', {
         clear() {
             this.interactions = []
         },
+        isEmpty() {
+            return this.interactions.length  < 2 // 1 story is always present
+        }
     },
 })