From 9d3228c087b46d316f3f8ee13df89d86a44347a3 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Sun, 14 Apr 2024 16:00:08 -0400
Subject: [PATCH] =?UTF-8?q?DefaultLayout-=20Menu=20d=C3=A9roulant,=20effac?=
 =?UTF-8?q?=C3=A9=20d=C3=A9connexion,=20=20modification=20pr=C3=A9sentatio?=
 =?UTF-8?q?n?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/DefaultLayout.vue   | 47 ++++++++++++++++++++++++++-------
 src/views/main/CreatorFolio.vue |  8 +-----
 src/views/main/YourProfile.vue  |  6 ++++-
 3 files changed, 43 insertions(+), 18 deletions(-)
diff --git a/src/layouts/DefaultLayout.vue b/src/layouts/DefaultLayout.vue
index 83b1759..7dddb6b 100644
--- a/src/layouts/DefaultLayout.vue
+++ b/src/layouts/DefaultLayout.vue
@@ -3,20 +3,35 @@
   <body style="background-color: #f4f4f4;">
 
     <!-- Version pour ordinateur -->
-    <v-card style="z-index: 9000; background-color: #ffff;" class="hidden-sm-and-down" hidden-sm-and-down elevation="5">
+    <v-card style="z-index: 1000; background-color: #ffff;" class="hidden-sm-and-down" hidden-sm-and-down elevation="5">
       <v-container style="z-index: 2000; margin-bottom: .8%; margin-top: -.3%; margin-right: 1%;">
         <v-row justify="end" style="margin-top: .2%; margin-bottom: -1.2%;">
 
-
-
-          <v-col cols="auto" class="d-flex align-end justify-end">
-            <router-link :to="{ name: 'yourprofile' }">
-              <v-row class="d-flex align-center">
+          <v-menu :location="location">
+            <template v-slot:activator="{ props }">
+              <div class="d-flex align-center" v-bind="attrs" v-on="on">
                 <img src="/images/anonyme.png" class="header-profile-icon mr-2" alt="Logo">
-                <h1 class="mb-0 text-h5">ANONYME</h1>
-              </v-row>
-            </router-link>
-          </v-col>
+                <v-btn flat style="min-width: 200px; font-size: 1.3rem;" dark v-bind="props">
+                  ANONYME
+                </v-btn>
+              </div>
+            </template>
+
+            <v-list style="padding: 0;"> <!-- Supprimer le padding pour que les boutons occupent toute la largeur -->
+              <v-list-item>
+                <router-link :to="{ name: 'yourprofile' }">
+                  <v-btn class="full-width-btn" flat>Mon profile</v-btn>
+                </router-link>
+              </v-list-item>
+              <v-list-item>
+
+                <v-btn class="full-width-btn" flat>Déconnexion</v-btn>
+
+              </v-list-item>
+            </v-list>
+          </v-menu>
+
+
         </v-row>
       </v-container>
     </v-card>
@@ -108,6 +123,18 @@ export default {
 </script>
 
 <style scoped>
+.full-width-btn {
+  width: 100%;
+
+  text-align: left;
+
+  padding-left: 24px;
+
+  padding-right: 24px;
+
+  z-index: 1001;
+}
+
 .mini-profile-picture {
   border-radius: 100px;
 }
diff --git a/src/views/main/CreatorFolio.vue b/src/views/main/CreatorFolio.vue
index ddc7b25..1d28a9e 100644
--- a/src/views/main/CreatorFolio.vue
+++ b/src/views/main/CreatorFolio.vue
@@ -210,13 +210,7 @@
                   </v-list>
                 </v-col>
 
-                <!-- Log-out -->
-                <v-col cols="12" class="px-0 logout-button">
-                  <v-btn text class="d-flex align-start main-background align-center" elevation="0" outlined="false">
-                    <v-icon left class="mr-4">mdi-logout</v-icon>
-                    Déconnexion
-                  </v-btn>
-                </v-col>
+
               </v-container>
 
             </v-col>
diff --git a/src/views/main/YourProfile.vue b/src/views/main/YourProfile.vue
index 88f1d9c..f2706f1 100644
--- a/src/views/main/YourProfile.vue
+++ b/src/views/main/YourProfile.vue
@@ -22,7 +22,7 @@
     </v-row>
 
 
-    <v-container style="max-width: 800px;" class="d-flex justify-center align-center">
+    <v-container style="max-width: 800px; margin-top: -100px" class="d-flex justify-center align-center">
       <v-container>
         <v-row>
           <v-col style="background-color: white; border-radius: 30px;" class=" col-shadow">
@@ -51,6 +51,10 @@
 
             </v-form>
             <v-col class="text-right"> <!-- Aligner le contenu à droite -->
+
+              <router-link :to="{ name: 'creatorfolio' }" class="">
+                <v-btn style="margin-right: 20px;">Retour</v-btn>
+              </router-link>
               <v-btn v-if="!isEditing" @click="isEditing = true">Éditer</v-btn>
               <v-btn v-else @click="isEditing = false; updateProfile">Enregistrer</v-btn>
             </v-col>
