update

arkhaiel · Sep 27, 2024 · 66d8551 · 66d8551
1 parent 9814e5d
commit 66d8551
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 22 deletions.
diff --git a/app/components/userDropdown.vue b/app/components/userDropdown.vue
@@ -1,16 +1,28 @@
 <template>
-  <AuthState>
-    <div v-if="store.session.loggedIn" class="flex flex-row justify-between w-full">
-      <UBadge variant="soft" size="lg">
-        <Icon name="ph:student-fill" />
-        {{ store.session.user?.firstName }}
-      </UBadge>
+  <ClientOnly>
+    <div class="flex flex-row justify-between">
+      <DevOnly>
+        <UBadge variant="soft" size="lg">
+          <Icon name="ph:student-fill" />
+          Mathieu
+        </UBadge>
 
-      <UButton variant="ghost" @click="logout">
-        Déconnexion
-      </UButton>
+        <UButton variant="ghost" @click="logout">
+          Déconnexion
+        </UButton>
+      </DevOnly>
+      <div v-if="store.session.loggedIn" class="flex flex-row justify-between w-full">
+        <UBadge variant="soft" size="lg">
+          <Icon name="ph:student-fill" />
+          {{ store.session.user?.firstName }}
+        </UBadge>
+
+        <UButton variant="ghost" @click="logout">
+          Déconnexion
+        </UButton>
+      </div>
     </div>
-  </AuthState>
+  </ClientOnly>
 </template>
 
 <script lang="ts" setup>

diff --git a/app/layouts/default.vue b/app/layouts/default.vue
@@ -3,18 +3,20 @@
     <UPage>
       <template #left>
         <UAside>
-          <div class="mb-2">
-            <UDropdown :items="matieres" :popper="{ placement: 'bottom-start' }">
-              <UButton
-                label="Navigation"
-                trailing-icon="heroicons:chevron-down-20-solid"
-                variant="solid"
-                color="gray"
-              />
-            </UDropdown>
-          </div>
-          <UContentSearchButton label="Recherche..." />
-          <UDivider class="py-4" />
+          <template #top>
+            <div class="flex flex-col gap-2">
+              <UDropdown :items="matieres" :popper="{ placement: 'bottom-start' }">
+                <UButton
+                  label="Navigation"
+                  trailing-icon="heroicons:chevron-down-20-solid"
+                  variant="solid"
+                  color="gray"
+                />
+              </UDropdown>
+              <UContentSearchButton label="Recherche..." />
+            </div>
+          </template>
+
           <UNavigationTree :links="mapContentNavigation(path == '/' ? navigation ?? [] : localNav)" :multiple="path == '/' ? false : true" :default-open="false" />
         </UAside>
       </template>