From 04c9c941565afb56f3df80be0b2b040ef808bde5 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Sat, 18 Jan 2025 02:15:35 -0500
Subject: [PATCH] Quick modification for homepage

---
 frontend/src/views/creators/CreatorHome.vue | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/frontend/src/views/creators/CreatorHome.vue b/frontend/src/views/creators/CreatorHome.vue
index c2beacd..9aac84d 100644
--- a/frontend/src/views/creators/CreatorHome.vue
+++ b/frontend/src/views/creators/CreatorHome.vue
@@ -7,7 +7,7 @@
         class="px-4 py-2 rounded-md hover:opacity-90"
         :style="{ backgroundColor: brandingStore.colors.secondary, color: brandingStore.colors.onSecondary }"
     >
-      {{ isEditMode ? 'Enregistrer' : 'Éditer' }}
+      {{ isEditMode ? 'Enregistrer' : 'Éditer la page' }}
     </button>
 
     <button
@@ -20,11 +20,10 @@
   </div>
 
   <!-- MainPage -->
-  <div v-if="!isEditMode" class="rounded-2xl flex flex-col space-y-6"
-       :style="{ backgroundColor: brandingStore.colors.primary, color: brandingStore.colors.onPrimary }">
+  <div v-if="!isEditMode" class="rounded-2xl flex flex-col space-y-6">
 
     <!-- Main image -->
-    <div class="py-4">
+    <div v-if="mainTitle || mainImageUrl || mainImageText " class="py-4" :style="{ backgroundColor: brandingStore.colors.primary, color: brandingStore.colors.onPrimary }">
       <div v-if="mainTitle">
         <h1 class="text-4xl font-bold text-center py-4 mb-4">{{ mainTitle }}</h1>
       </div>
@@ -42,7 +41,7 @@
     </div>
 
     <!-- Main video -->
-    <div :style="{ backgroundColor: brandingStore.colors.surface, color: brandingStore.colors.onSurface }">
+    <div v-if="videoSubtitleMain || videoUrlMain || mainVideoText " :style="{ backgroundColor: brandingStore.colors.surface, color: brandingStore.colors.onSurface }">
       <h2 v-if="videoSubtitleMain" class="text-3xl font-semibold text-center py-6">
         {{ videoSubtitleMain }}
       </h2>
@@ -62,7 +61,7 @@
     </div>
 
     <!-- Images  -->
-    <div :style="{ backgroundColor: brandingStore.colors.primary, color: brandingStore.colors.onPrimary }">
+    <div v-if="imagesSubtitle || image1Url || image2Url || image3Url || image4Url || imagesText " :style="{ backgroundColor: brandingStore.colors.primary, color: brandingStore.colors.onPrimary }">
       <div>
         <h2 v-if="imagesSubtitle" class="text-xl font-semibold text-center mb-6">
           {{ imagesSubtitle }}
@@ -111,7 +110,7 @@
     </div>
 
     <!--SecondVideo-->
-    <div :style="{ backgroundColor: brandingStore.colors.surface, color: brandingStore.colors.onSurface }">
+    <div v-if="videoSubtitle || videoUrl || videoText " :style="{ backgroundColor: brandingStore.colors.surface, color: brandingStore.colors.onSurface }">
       <h2 v-if="videoSubtitle" class="text-xl font-semibold text-center py-6">
         {{ videoSubtitle }}
       </h2>
@@ -133,9 +132,8 @@
       </p>
     </div>
 
-
     <!-- Contact Info-->
-    <div class="mb-6" :style="{ backgroundColor: brandingStore.colors.primary, color: brandingStore.colors.onPrimary }">
+    <div v-if="editablePhoneNumber || editableEmail" class="mb-6" :style="{ backgroundColor: brandingStore.colors.primary, color: brandingStore.colors.onPrimary }">
       <!--      mobile-->
       <div v-if="smAndDown">
         <div class="flex flex-col space-y-10 justify-center items-center">