From 26845f5aff81f06988bcaf83655c0a2f958db6fb Mon Sep 17 00:00:00 2001
From: Dominic Villemure <doumvil@hotmail.com>
Date: Thu, 9 May 2024 22:38:44 -0400
Subject: [PATCH] #41 fix naming problem, added creator-id prop for the
 payment. Redirect and message for paymentCompleted changed to generic for now

---
 src/router/index.js                     |  8 ++++----
 src/views/PayementCompleted.vue         |  5 +----
 src/views/StripePayment.vue             | 10 +++-------
 src/views/main/HomeView.vue             |  4 ++--
 src/views/manualusers/ChloeProfile.vue  |  2 +-
 src/views/manualusers/GuillaumeAime.vue |  2 +-
 src/views/manualusers/HutopyProfile.vue |  2 +-
 src/views/manualusers/LeffetProfile.vue |  2 +-
 staticwebapp.config.json                |  3 ---
 9 files changed, 14 insertions(+), 24 deletions(-)

diff --git a/src/router/index.js b/src/router/index.js
index 7ece6e5..aa17029 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -14,7 +14,7 @@ import ContactView from '../views/main/ContactView.vue'
 import CreatorFolio from '../views/main/CreatorFolio.vue'
 import HomeView from '../views/main/HomeView.vue'
 import YourProfile from '../views/main/YourProfile.vue'
-import ChloeBeauregard from '../views/manualusers/ChloeProfile.vue'
+import ChloeBeaugrand from '../views/manualusers/ChloeProfile.vue'
 import Hutopy from '../views/manualusers/HutopyProfile.vue'
 import Leffet from '../views/manualusers/LeffetProfile.vue'
 
@@ -113,9 +113,9 @@ const router = createRouter({
     },
 
     {
-      path: '/chloebeauregard',
-      name: 'chloebeauregard',
-      component: ChloeBeauregard
+      path: '/chloebeaugrand',
+      name: 'chloebeaugrand',
+      component: ChloeBeaugrand
     },
 
     {
diff --git a/src/views/PayementCompleted.vue b/src/views/PayementCompleted.vue
index 35e2968..a70f10b 100644
--- a/src/views/PayementCompleted.vue
+++ b/src/views/PayementCompleted.vue
@@ -27,9 +27,6 @@
                     <v-card-text style="font-size: 1.2rem; text-align: center;">
                       Merci de supporter
                     </v-card-text>
-                    <v-card-text style="font-weight: 600; font-size: 1.6rem; text-align: center;">
-                      Guillaume Mousseau
-                    </v-card-text>
                   </v-col>
                 </v-row>
                 <!-- Ok btn -->
@@ -38,7 +35,7 @@
                     <v-card-actions class="justify-center">
                       <v-btn color="white" outlined elevation="2"
                         style="font-size: 2rem; width: 250px; height: 50px; margin-bottom: 25px; background-color: #a30e79;"
-                        @click="this.$router.push({ path: '/guillaumeaime' })">Ok</v-btn>
+                        @click="this.$router.push({ path: '/' })">Ok</v-btn>
                     </v-card-actions>
                   </v-col>
                 </v-row>
diff --git a/src/views/StripePayment.vue b/src/views/StripePayment.vue
index 6ce1cb4..f0b8536 100644
--- a/src/views/StripePayment.vue
+++ b/src/views/StripePayment.vue
@@ -7,7 +7,6 @@
       </v-text-field>
     </v-row>
 
-
     <v-row>
       <v-text-field label="Montant ($)" v-model="price"
         style="border-radius: 10px; margin-bottom: 10px; color: #a30e79; background-color: #f4f4f4">
@@ -24,7 +23,6 @@
       </v-btn>
     </v-row>
 
-
     <v-dialog v-model="isPaymentDialogActive" max-width="720" persistent>
       <template v-slot:default>
         <v-card>
@@ -40,10 +38,6 @@
     </v-dialog>
   </v-container>
 
-
-
-
-
 </template>
 
 <script setup>
@@ -51,6 +45,8 @@ import { useClient } from '@/plugins/api.js';
 import { loadStripe } from '@stripe/stripe-js';
 import { onMounted, ref } from "vue";
 
+const props = defineProps(['creatorId'])
+
 let stripe = null;
 const client = useClient();
 const price = ref(0);
@@ -72,7 +68,7 @@ async function createCheckoutSession() {
   let clientSecret = await client.post('/api/Stripe', {
     amount: (price.value * 100),
     tipMessage: tipMessage.value,
-    creatorId: "5b122430-442a-4967-98b6-6c7787c70c91"
+    creatorId: props.creatorId
   });
 
   let secret = clientSecret["data"];
diff --git a/src/views/main/HomeView.vue b/src/views/main/HomeView.vue
index 3d0b379..a94cde9 100644
--- a/src/views/main/HomeView.vue
+++ b/src/views/main/HomeView.vue
@@ -202,7 +202,7 @@
                 </router-link>
               </v-col>
               <v-col>
-                <router-link :to="{ name: 'chloebeauregard' }">
+                <router-link :to="{ name: 'chloebeaugrand' }">
                   <img src="/images/usersmedia/chloebeaugrand/profilepictures/profileChloeBeaugrand02.png"
                     alt="Profile Image" class="profile-image">
                 </router-link>
@@ -344,7 +344,7 @@
               </router-link>
             </v-col>
             <v-col cols="8">
-              <router-link :to="{ name: 'chloebeauregard' }">
+              <router-link :to="{ name: 'chloebeaugrand' }">
                 <img src="/images/usersmedia/chloebeaugrand/profilepictures/profileChloeBeaugrand02.png"
                   alt="Profile Image" class="profile-image">
               </router-link>
diff --git a/src/views/manualusers/ChloeProfile.vue b/src/views/manualusers/ChloeProfile.vue
index 3159d03..a122f11 100644
--- a/src/views/manualusers/ChloeProfile.vue
+++ b/src/views/manualusers/ChloeProfile.vue
@@ -383,7 +383,7 @@ Je suis authentique, créative, stratégique, caféinée et à l’écoute. Et s
                       JE SOUTIENS!
                     </v-card-title>
                   </v-row>
-                  <StripePayment></StripePayment>
+                  <StripePayment creator-id="27e5321d-2bcc-42b0-9548-33802431e8f3"></StripePayment>
                 </v-container>
               </v-card>
             </v-container>
diff --git a/src/views/manualusers/GuillaumeAime.vue b/src/views/manualusers/GuillaumeAime.vue
index 593ff7f..dc98246 100644
--- a/src/views/manualusers/GuillaumeAime.vue
+++ b/src/views/manualusers/GuillaumeAime.vue
@@ -497,7 +497,7 @@
                       JE SOUTIENS!
                     </v-card-title>
                   </v-row>
-                  <StripePayment></StripePayment>
+                  <StripePayment creator-id="5b122430-442a-4967-98b6-6c7787c70c91"></StripePayment>
                 </v-container>
               </v-card>
             </v-container>
diff --git a/src/views/manualusers/HutopyProfile.vue b/src/views/manualusers/HutopyProfile.vue
index b2a18e8..f420ec1 100644
--- a/src/views/manualusers/HutopyProfile.vue
+++ b/src/views/manualusers/HutopyProfile.vue
@@ -375,7 +375,7 @@
                       JE SOUTIENS!
                     </v-card-title>
                   </v-row>
-                  <StripePayment></StripePayment>
+                  <StripePayment creator-id="5b122430-442a-4967-98b6-6c7787c70c91"></StripePayment>
                 </v-container>
               </v-card>
             </v-container>
diff --git a/src/views/manualusers/LeffetProfile.vue b/src/views/manualusers/LeffetProfile.vue
index ca0010c..907e7e3 100644
--- a/src/views/manualusers/LeffetProfile.vue
+++ b/src/views/manualusers/LeffetProfile.vue
@@ -457,7 +457,7 @@
                       JE SOUTIENS!
                     </v-card-title>
                   </v-row>
-                  <StripePayment></StripePayment>
+                  <StripePayment creator-id="5b122430-442a-4967-98b6-6c7787c70c91"></StripePayment>
                 </v-container>
               </v-card>
             </v-container>
diff --git a/staticwebapp.config.json b/staticwebapp.config.json
index 1d099c1..6eb0f99 100644
--- a/staticwebapp.config.json
+++ b/staticwebapp.config.json
@@ -3,9 +3,6 @@
     "rewrite": "/index.html",
     "exclude": ["/images/*.{png,jpg,gif}", "/css/*"]
   },
-  "globalHeaders": {
-    "content-security-policy": "default-src https:; script-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline'; img-src https: data:;"
-  },
   "mimeTypes": {
     ".json": "application/json",
     ".webmanifest": "application/manifest+json"