Awaille joe fait ta magie!

src/views/creators/CreatorBanner.vue

@@ -61,8 +61,8 @@
         <div class="px-6 mt-2">
           <subscribe-button :creator="creator"></subscribe-button>
         </div>
-        
-        <donation-button :creator="creator"></donation-button>
+
+        <donation-button :creator="creator" iconColorClass="text-white"></donation-button>
 
 
         <div class="flex flex-row align-center">

src/views/creators/donation-button.vue

@@ -1,8 +1,9 @@
 <template>
-  <v-btn variant="text" icon  @click="donationModal = true">
-    <v-icon class="text-2xl">mdi-gift-outline</v-icon>
+  <v-btn variant="text" icon @click="donationModal = true">
+    <v-icon :class="['text-2xl', iconColorClass]">mdi-gift-outline</v-icon>
   </v-btn>
 
+
   <v-dialog v-model="donationModal" max-width="500">
     <v-form>
       <v-card class="text-center rounded-xl" :style="{ border: `3px solid ${creator.colors.menu}` }">
@@ -55,7 +56,7 @@
     <template v-slot:default>
       <v-card>
         <div id="checkout">
-          <!-- Checkout will insert the payment form here -->
+         
         </div>
         <v-card-actions>
           <v-spacer></v-spacer>
@@ -83,6 +84,7 @@ const client = useClient();
 
 const props = defineProps({
   creator: {type: Object, required: true},
+  iconColorClass: { type: String, default: 'text-black' }
 });