From c7f0921a6537e8f21a8c0f739d7d425dd4c3268f Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad000@gmail.com>
Date: Tue, 11 Feb 2025 20:06:09 -0500
Subject: [PATCH] Fix issue when accessing profile without a creator associated

---
 frontend/src/views/profile/ProfilePage.vue | 164 ++++++++++-----------
 1 file changed, 80 insertions(+), 84 deletions(-)

diff --git a/frontend/src/views/profile/ProfilePage.vue b/frontend/src/views/profile/ProfilePage.vue
index a222e21..00ab511 100644
--- a/frontend/src/views/profile/ProfilePage.vue
+++ b/frontend/src/views/profile/ProfilePage.vue
@@ -75,98 +75,94 @@
 
       </div>
 
-      <!--  Lorsque l'utilisateur n'a pas de creator name-->
-      <div class="card">
+      <template v-if="creatorProfileStore.creator !== undefined">
+        <div class="card">
+          <div class="title">
+            {{ $t('creatorinfopage.informations') }}
+          </div>
+          <div class="content">
 
-        <div class="title">
-          {{ $t('creatorinfopage.informations') }}
+            <!-- NAME -->
+            <button class="action">
+              <span class="label">{{ $t('creatorinfopage.name') }}</span>
+              <span class="value">{{ creatorProfileStore.creator.name }}</span>
+              <span class="chevron"><v-icon>mdi-chevron-right</v-icon></span>
+            </button>
+
+            <!-- TITLE -->
+            <button class="action" @click="openDialog('ChangeTitleDialog')">
+              <span class="label">{{ $t('creatorinfopage.title') }}</span>
+              <span class="value">{{ creatorProfileStore.creator.title }}</span>
+              <span class="chevron"><v-icon>mdi-chevron-right</v-icon></span>
+            </button>
+
+            <!-- STRIPE -->
+            <button class="action" @click="openDialog('ChangeStripeIdDialog')">
+              <span class="label">Stripe Account ID</span>
+              <span class="value">{{ creatorProfileStore.creator.stripeId }}</span>
+              <span class="chevron"><v-icon>mdi-chevron-right</v-icon></span>
+            </button>
+
+          </div>
         </div>
 
-        <div class="content">
+        <div class="card">
+          <div class="title">
+            {{ $t('creatorinfopage.socialnetwork') }}
+          </div>
+          <div class="content">
 
-          <!-- NAME -->
-          <button class="action">
-            <span class="label">{{ $t('creatorinfopage.name') }}</span>
-            <span class="value">{{ creatorProfileStore.creator.name }}</span>
-            <span class="chevron"><v-icon>mdi-chevron-right</v-icon></span>
-          </button>
+            <button class="action" @click="openDialog('SocialsDialog')">
+              <span class="label"><v-icon>mdi-facebook</v-icon></span>
+              <span class="value">{{ creatorProfileStore.creator.socials?.facebookUrl }}</span>
+              <span class="chevron"><v-icon>mdi-chevron-right</v-icon></span>
+            </button>
 
-          <!-- TITLE -->
-          <button class="action" @click="openDialog('ChangeTitleDialog')">
-            <span class="label">{{ $t('creatorinfopage.title') }}</span>
-            <span class="value">{{ creatorProfileStore.creator.title }}</span>
-            <span class="chevron"><v-icon>mdi-chevron-right</v-icon></span>
-          </button>
+            <button class="action" @click="openDialog('SocialsDialog')">
+              <span class="label"><v-icon>mdi-instagram</v-icon></span>
+              <span class="value">{{ creatorProfileStore.creator.socials?.instagramUrl }}</span>
+              <span class="chevron"><v-icon>mdi-chevron-right</v-icon></span>
+            </button>
 
-          <!-- STRIPE -->
-          <button class="action" @click="openDialog('ChangeStripeIdDialog')">
-            <span class="label">Stripe Account ID</span>
-            <span class="value">{{ creatorProfileStore.creator.stripeId }}</span>
-            <span class="chevron"><v-icon>mdi-chevron-right</v-icon></span>
-          </button>
+            <button class="action" @click="openDialog('SocialsDialog')">
+              <span class="label"><x-icon class="w-6 h-6"></x-icon></span>
+              <span class="value">{{ creatorProfileStore.creator.socials?.xUrl }}</span>
+              <span class="chevron"><v-icon>mdi-chevron-right</v-icon></span>
+            </button>
 
+            <button class="action" @click="openDialog('SocialsDialog')">
+              <span class="label"><v-icon>mdi-linkedin</v-icon></span>
+              <span class="value">{{ creatorProfileStore.creator.socials?.linkedInUrl }}</span>
+              <span class="chevron"><v-icon>mdi-chevron-right</v-icon></span>
+            </button>
+
+            <button class="action" @click="openDialog('SocialsDialog')">
+              <span class="label"><x-icon class="w-6 h-6"></x-icon></span>
+              <span class="value">{{ creatorProfileStore.creator.socials?.tikTokUrl }}</span>
+              <span class="chevron"><v-icon>mdi-chevron-right</v-icon></span>
+            </button>
+
+            <button class="action" @click="openDialog('SocialsDialog')">
+              <span class="label"><v-icon>mdi-youtube</v-icon></span>
+              <span class="value">{{ creatorProfileStore.creator.socials?.youtubeUrl }}</span>
+              <span class="chevron"><v-icon>mdi-chevron-right</v-icon></span>
+            </button>
+
+            <button class="action" @click="openDialog('SocialsDialog')">
+              <span class="label"><v-icon>mdi-reddit</v-icon></span>
+              <span class="value">{{ creatorProfileStore.creator.socials?.redditUrl }}</span>
+              <span class="chevron"><v-icon>mdi-chevron-right</v-icon></span>
+            </button>
+
+            <button class="action" @click="openDialog('SocialsDialog')">
+              <span class="label"><v-icon>mdi-web</v-icon></span>
+              <span class="value">{{ creatorProfileStore.creator.socials?.websiteUrl }}</span>
+              <span class="chevron"><v-icon>mdi-chevron-right</v-icon></span>
+            </button>
+
+          </div>
         </div>
-
-      </div>
-
-      <div class="card">
-
-        <div class="title">
-          {{ $t('creatorinfopage.socialnetwork') }}
-        </div>
-
-        <div class="content">
-
-          <button class="action" @click="openDialog('SocialsDialog')">
-            <span class="label"><v-icon>mdi-facebook</v-icon></span>
-            <span class="value">{{ creatorProfileStore.creator.socials?.facebookUrl }}</span>
-            <span class="chevron"><v-icon>mdi-chevron-right</v-icon></span>
-          </button>
-
-          <button class="action" @click="openDialog('SocialsDialog')">
-            <span class="label"><v-icon>mdi-instagram</v-icon></span>
-            <span class="value">{{ creatorProfileStore.creator.socials?.instagramUrl }}</span>
-            <span class="chevron"><v-icon>mdi-chevron-right</v-icon></span>
-          </button>
-
-          <button class="action" @click="openDialog('SocialsDialog')">
-            <span class="label"><x-icon class="w-6 h-6"></x-icon></span>
-            <span class="value">{{ creatorProfileStore.creator.socials?.xUrl }}</span>
-            <span class="chevron"><v-icon>mdi-chevron-right</v-icon></span>
-          </button>
-
-          <button class="action" @click="openDialog('SocialsDialog')">
-            <span class="label"><v-icon>mdi-linkedin</v-icon></span>
-            <span class="value">{{ creatorProfileStore.creator.socials?.linkedInUrl }}</span>
-            <span class="chevron"><v-icon>mdi-chevron-right</v-icon></span>
-          </button>
-
-          <button class="action" @click="openDialog('SocialsDialog')">
-            <span class="label"><x-icon class="w-6 h-6"></x-icon></span>
-            <span class="value">{{ creatorProfileStore.creator.socials?.tikTokUrl }}</span>
-            <span class="chevron"><v-icon>mdi-chevron-right</v-icon></span>
-          </button>
-
-          <button class="action" @click="openDialog('SocialsDialog')">
-            <span class="label"><v-icon>mdi-youtube</v-icon></span>
-            <span class="value">{{ creatorProfileStore.creator.socials?.youtubeUrl }}</span>
-            <span class="chevron"><v-icon>mdi-chevron-right</v-icon></span>
-          </button>
-
-          <button class="action" @click="openDialog('SocialsDialog')">
-            <span class="label"><v-icon>mdi-reddit</v-icon></span>
-            <span class="value">{{ creatorProfileStore.creator.socials?.redditUrl }}</span>
-            <span class="chevron"><v-icon>mdi-chevron-right</v-icon></span>
-          </button>
-
-          <button class="action" @click="openDialog('SocialsDialog')">
-            <span class="label"><v-icon>mdi-web</v-icon></span>
-            <span class="value">{{ creatorProfileStore.creator.socials?.websiteUrl }}</span>
-            <span class="chevron"><v-icon>mdi-chevron-right</v-icon></span>
-          </button>
-
-        </div>
-      </div>
+      </template>
 
     </div>