From b391075efd59cc14702fbd537eb2dcfde059be82 Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Mon, 16 Dec 2024 18:30:14 +0100
Subject: [PATCH] fix #62

---
 .../project/virtual-sample/Interactive360.vue | 22 +++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/components/project/virtual-sample/Interactive360.vue b/src/components/project/virtual-sample/Interactive360.vue
index 1cbb210..4f5ab7d 100644
--- a/src/components/project/virtual-sample/Interactive360.vue
+++ b/src/components/project/virtual-sample/Interactive360.vue
@@ -1,11 +1,22 @@
 <template>
   <figure>
-    <div @mousedown="enableDragToRotate" class="drag-zone" :class="{ 'grabbing': isDragToRotateEnabled }"></div>
+    <div
+      @mousedown="enableDragToRotate"
+      class="drag-zone"
+      :class="{ grabbing: isDragToRotateEnabled }"
+    ></div>
     <img :src="currentFile.url" alt="" width="500" height="500" />
   </figure>
-  <div hidden id="helper" class="flex flex-col | bg-black-50">
-    <p class="rounded-lg | text-white bg-grey-800 | p-16">Vous pouvez visualiser l’échantillon sous différents angles en cliquant et en déplaçant la souris de gauche à droite ou de bas en haut.</p>
-    <button class="btn">J’ai compris</button>
+  <div
+    id="helper"
+    class="flex flex-col | bg-black-50"
+    :hidden="isHelperHidden ? true : undefined"
+  >
+    <p class="rounded-lg | text-white bg-grey-800 | p-16">
+      Vous pouvez visualiser l’échantillon sous différents angles en cliquant et
+      en déplaçant la souris de gauche à droite ou de bas en haut.
+    </p>
+    <button class="btn" @click="isHelperHidden = true">J’ai compris</button>
   </div>
 </template>
 
@@ -21,6 +32,9 @@ const { activeTrack } = defineProps({
 
 const virtualSampleStore = useVirtualSampleStore();
 
+const isHelperHidden = ref(localStorage.getItem("isHelperHidden"));
+localStorage.setItem("isHelperHidden", true);
+
 const yMax = computed(() => {
   return parseInt(
     activeTrack.files[activeTrack.files.length - 1].name.charAt(0)