From 429fe285f851893a0d2c723589de922b0e58fd98 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Wed, 24 Apr 2024 23:05:59 -0400
Subject: [PATCH] CreatorFolio - fixe modal mobile

---
 src/views/main/CreatorFolio.vue | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)

diff --git a/src/views/main/CreatorFolio.vue b/src/views/main/CreatorFolio.vue
index dc0029b..6515a9f 100644
--- a/src/views/main/CreatorFolio.vue
+++ b/src/views/main/CreatorFolio.vue
@@ -118,7 +118,7 @@
                   <v-img src="/images/hutopymedia/banners/hutopy.png" alt="Description de l'image"
                     style="height: 150px; width: 300px;" class="mx-auto" :elevation="10"></v-img>
                   <v-list dense class="main-background">
-                    <v-list-item v-for="item in navigationItems">
+                    <v-list-item v-for="item in navigationItems" :key="item.link">
                       <router-link :to="item.link">
                         <v-btn text class="d-flex align-start align-center main-background" elevation="0"
                           outlined="false">
@@ -130,13 +130,13 @@
 
                     <v-list-item>
                       <v-dialog transition="dialog-top-transition" width="auto">
-                        <template v-slot:activator="{ props: activatorProps }">
-                          <!-- <v-btn v-bind="activatorProps" text class="d-flex align-start align-center main-background"
+                        <!-- <template v-slot:activator="{ props: activatorProps }">
+                           <v-btn v-bind="activatorProps" text class="d-flex align-start align-center main-background"
                             elevation="0" outlined="false">
                             <v-icon left class="mr-4">mdi-wallet</v-icon>
                             <p @click="isActive.value = false">Bourse</p>
-                          </v-btn>-->
-                        </template>
+                          </v-btn>
+                        </template>-->
 
                         <!-- Wallet Modale -->
                         <template v-slot:default="{ isActive }">
@@ -544,15 +544,12 @@ import DefaultLayout from '@/layouts/DefaultLayout.vue';
 import FooterLayout from '@/layouts/FooterLayout.vue';
 import { ref } from 'vue';
 import StripePayment from '../StripePayment.vue';
-
-const accepted = ref(false);
-const decline = ref(false);
-
 let imageSrc = '/images/usersmedia/guillaumeMousseau/banners/bannerGuillaumeMousseau01.png';
 let profilePicture = '/images/usersmedia/guillaumeMousseau/profilepictures/profileGuillaumeMousseau01.png';
 let name = 'Guillaume Mousseau'
 let title = 'Créateur de contenus'
-let drawerbottom = false
+let drawerbottom = ref(false)
+
 let navigationItems = [
   { icon: 'mdi-home', text: 'Accueil', link: 'home' },
   { icon: 'mdi-account-group', text: 'Amis', link: '/contact' },