diff --git a/src/views/contents/ContentCard.vue b/src/views/contents/ContentCard.vue
index 1c98cf0..5a9849d 100644
--- a/src/views/contents/ContentCard.vue
+++ b/src/views/contents/ContentCard.vue
@@ -76,10 +76,9 @@
             icon
             @click="toggleComments">
           <v-icon>mdi-comment-outline</v-icon>
-        </v-btn>      
-        <v-btn variant="plain" icon @click="donate">
-          <v-icon>mdi-gift-outline</v-icon>
-        </v-btn>
+        </v-btn>     
+        
+        <donation-button creator="creator"></donation-button>
       </div>
 
       <div :class="{'hidden': !commentsVisible}">
@@ -101,6 +100,7 @@ import MessageList from "@/views/messages/MessageList.vue";
 import PostMessage from "@/views/messages/PostMessage.vue";
 import YoutubePlayer from './YoutubePlayer.vue';
 import ImageViewer from './ImageViewer.vue';
+import DonationButton from "@/views/creators/donation-button.vue";
 
 const props = defineProps({
   content: {
diff --git a/src/views/creators/CreatorBanner.vue b/src/views/creators/CreatorBanner.vue
index e46a292..7d5f8ed 100644
--- a/src/views/creators/CreatorBanner.vue
+++ b/src/views/creators/CreatorBanner.vue
@@ -1,5 +1,4 @@
 <template>
-
   <!--  Bannière-->
   <div class="relative bottom-4  z-20 m">
     <div class="relative flex flex-col">
diff --git a/src/views/creators/CreatorPage.vue b/src/views/creators/CreatorPage.vue
index efbd03e..926ebed 100644
--- a/src/views/creators/CreatorPage.vue
+++ b/src/views/creators/CreatorPage.vue
@@ -3,7 +3,7 @@
 
     <creator-banner :creator="creator"></creator-banner>
 
-    <donation-popup :creator-id="creator.id"></donation-popup>
+<!--    <donation-popup :creator-id="creator.id"></donation-popup>-->
 
     <div class="max-w-[800px] mx-auto flex flex-row justify-center ">
       <div class="w-full h-full mx-1">
diff --git a/src/views/creators/donation-button.vue b/src/views/creators/donation-button.vue
index 88a2b1c..e9d067f 100644
--- a/src/views/creators/donation-button.vue
+++ b/src/views/creators/donation-button.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-btn variant="text" icon class="text-white" @click="donationModal = true">
+  <v-btn variant="text" icon  @click="donationModal = true">
     <v-icon class="text-2xl">mdi-gift-outline</v-icon>
   </v-btn>
 
@@ -75,6 +75,7 @@ const donationModal = ref(false);
 const isPaymentDialogActive = ref(false); // Ajout de cette ligne
 const price = ref(0);
 const tipMessage = ref("");
+
 let stripe = null;
 let checkout;
 
@@ -82,11 +83,12 @@ const client = useClient();
 
 const props = defineProps({
   creator: {type: Object, required: true},
-
 });
 
+
 onMounted(async () => {
   stripe = await loadStripe(import.meta.env.VITE_STRIPE_API_KEY);
+  console.log(props.creator.id)
 });
 
 const fetchClientSecret = async () => {
@@ -94,11 +96,14 @@ const fetchClientSecret = async () => {
   return clientSecret;
 };
 
+
+
 async function createCheckoutSession() {
   let clientSecret = await client.post('/api/Stripe', {
     amount: (price.value * 100),
     tipMessage: tipMessage.value,
-    creatorId: props.creatorId
+    creatorId: props.creator.id
+    
   });
 
   let secret = clientSecret["data"];