add no sequence text

src/components/Header.vue

@@ -26,7 +26,7 @@
               path="/partager-des-photos"
             />
           </li>
-          <li class="nav-list-item">
+          <li v-if="isLogged" class="nav-list-item">
             <Link
               :text="$t('general.header.sequences_text')"
               path="/mes-sequences"

src/locales/fr.json

@@ -7,7 +7,7 @@
     },
     "header": {
       "contribute_text": "Partager vos photos",
-      "sequences_text": "Mes séquences",
+      "sequences_text": "Mes photos",
       "contribute_text_responsive": "Verser",
       "alt_logo": "Logo de l'instance",
       "title": "Instance Panoramax IGN",
@@ -49,7 +49,9 @@
       "title": "Mes séquences",
       "sequence_name": "Nom",
       "sequence_photos": "Photos",
-      "sequence_date": "Prise de vue"
+      "sequence_date": "Prise de vue",
+      "no_sequences_text": "Vous n'avez pas encore de photos publiées \uD83D\uDE22",
+      "button_upload": "Partager vos photos"
     },
     "upload": {
       "title": "Partagez vos photos",

src/router/index.ts

@@ -44,7 +44,13 @@ const router = createRouter({
 })
 
 router.beforeEach(async (to, from, next) => {
-  if (to.name === 'my-information' || to.name === 'my-settings') {
+  const loggedRoutes =
+    to.name === 'my-information' ||
+    to.name === 'my-settings' ||
+    to.name === 'my-sequences' ||
+    to.name === 'sequence'
+
+  if (loggedRoutes) {
     try {
       const loginUrl = `${import.meta.env.VITE_API_URL}api/auth/login`
       const isKeycloakLogout = await axios.get(loginUrl)

src/views/MySequencesView.vue

@@ -30,7 +30,11 @@
         </div>
         <div class="sequence-header-item"></div>
       </li>
-      <li v-for="item in userSequences" class="sequence-item">
+      <li
+        v-if="userSequences && userSequences.length"
+        v-for="item in userSequences"
+        class="sequence-item"
+      >
         <router-link
           class="button-item"
           :to="{
@@ -67,6 +71,16 @@
           </div>
         </router-link>
       </li>
+      <div v-else class="no-sequence">
+        <p class="no-sequence-text">
+          {{ $t('pages.sequences.no_sequences_text') }}
+        </p>
+        <Link
+          :text="$t('general.header.contribute_text')"
+          look="button"
+          path="/partager-des-photos"
+        />
+      </div>
     </ul>
   </main>
 </template>
@@ -75,6 +89,7 @@
 import { onMounted, ref } from 'vue'
 import axios from 'axios'
 import Button from '@/components/Button.vue'
+import Link from '@/components/Link.vue'
 import type {
   LinkInterface,
   ExtentInterface
@@ -241,6 +256,16 @@ onMounted(async () => {
     width: 6rem;
   }
 }
+.no-sequence {
+  padding-top: 2rem;
+  padding-bottom: 4rem;
+  margin: auto;
+  width: fit-content;
+  @include text(m-regular);
+}
+.no-sequence-text {
+  margin-bottom: 4rem;
+}
 @media (max-width: 768px) {
   .entry-page {
     padding-right: 2rem;