From d1762e803c19292e314ab40fa50223d9bb2e12e2 Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad000@gmail.com>
Date: Mon, 7 Oct 2024 13:55:51 -0400
Subject: [PATCH] Hide 'My Profile' when not authenticated

---
 src/App.vue                          |  2 +-
 src/views/creators/CreatorLayout.vue | 33 ++++++++++++++++------------
 src/views/main/SideBar.vue           | 28 ++++++++++++-----------
 3 files changed, 35 insertions(+), 28 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 787d7b0..cec2875 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -6,7 +6,7 @@
         <side-bar></side-bar>
       </div>
 
-      <div class="flex flex-col pl-60 w-full min-h-screen ">
+      <div class="pl-60 w-full min-h-screen flex justify-center items-center bg-green">
         <router-view></router-view>
       </div>
 
diff --git a/src/views/creators/CreatorLayout.vue b/src/views/creators/CreatorLayout.vue
index 7055d74..917207f 100644
--- a/src/views/creators/CreatorLayout.vue
+++ b/src/views/creators/CreatorLayout.vue
@@ -1,28 +1,33 @@
 <template>
-  <div :style="{ backgroundColor: brandingStore.value.colors.background }" class="flex flex-col min-h-screen">
-    <div class="flex-grow">
-      <div class="max-w-[1500px] mx-auto">
+  <div :style="{ backgroundColor: brandingStore.value.colors.background }">
 
-        <div v-if="brandingStore.loading">
-          <v-progress-linear indeterminate></v-progress-linear>
-        </div>
-        <div v-else>
-          <creator-banner></creator-banner>
-        </div>
-
-        <div class="w-full py-10">
-          <router-view></router-view>
-        </div>
+    <div class="flex flex-col min-h-screen max-w-[1500px] mx-auto">
 
+      <div v-if="brandingStore.loading">
+        <v-progress-linear indeterminate></v-progress-linear>
       </div>
+      <div v-else>
+        <creator-banner></creator-banner>
+      </div>
+
+      <div class="py-8 flex-grow">
+        <router-view></router-view>
+      </div>
+
+      <div>
+        <Footer></Footer>
+      </div>
+
     </div>
-    <Footer></Footer>
+
   </div>
+
 </template>
 
 <script async setup>
 import CreatorBanner from "@/views/creators/CreatorBanner.vue";
 import Footer from "@/views/main/Footer.vue";
 import {useBrandingStore} from "@/stores/brandingStore.js";
+
 const brandingStore = useBrandingStore()
 </script>
diff --git a/src/views/main/SideBar.vue b/src/views/main/SideBar.vue
index 62b7c47..0260c36 100644
--- a/src/views/main/SideBar.vue
+++ b/src/views/main/SideBar.vue
@@ -59,13 +59,13 @@ initializeLocale();
     </div>
 
     <v-divider class="my-4" style="border-width: 1px; border-color: black;"></v-divider>
-        <!-- USER SECTION -->
-        <div class="px-4 mb-4">
-          <div class="flex items-center justify-start p-2 mb-4">
-            <img
-                :src="userProfileStore.portraitUrl"
-                alt="Profile Image"
-                referrerpolicy="no-referrer"
+    <!-- USER SECTION -->
+    <div class="px-4 mb-4">
+      <div class="flex items-center justify-start p-2 mb-4">
+        <img
+            :src="userProfileStore.portraitUrl"
+            alt="Profile Image"
+            referrerpolicy="no-referrer"
             class="rounded-full"
             width="42"
             height="42"
@@ -96,12 +96,14 @@ initializeLocale();
         <!-- CREATE CONTENT -->
 
         <!-- PROFILE -->
-        <v-btn to="/profile"
-               class="w-full justify-start"
-               prepend-icon="mdi-account"
-               variant="flat">
-          {{ $t('header.myprofile') }}
-        </v-btn>
+        <template v-if="authStore.isAuthenticated">
+          <v-btn to="/profile"
+                 class="w-full justify-start"
+                 prepend-icon="mdi-account"
+                 variant="flat">
+            {{ $t('header.myprofile') }}
+          </v-btn>
+        </template>
 
         <!-- LANGUAGE -->
         <v-btn