From 2a88efb9dac2b88bdbcec5b8c31b9bb56b0a15aa Mon Sep 17 00:00:00 2001
From: N-TITIAN <ndifon.titian@gmail.com>
Date: Mon, 12 Aug 2024 07:48:15 +0100
Subject: [PATCH] fix home issue

---
 src/pages/causes/components/CausesSection.jsx |  4 +---
 src/pages/home/components/DonationSection.jsx | 12 ++++++------
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/pages/causes/components/CausesSection.jsx b/src/pages/causes/components/CausesSection.jsx
index 561e166..cd697ca 100644
--- a/src/pages/causes/components/CausesSection.jsx
+++ b/src/pages/causes/components/CausesSection.jsx
@@ -7,9 +7,7 @@ function CausesSection() {
   return (
     <section className="mx-6 md:mx-32 flex flex-col items-center my-20 gap-10">
       <div className=" flex flex-col lg:grid lg:grid-cols-3 gap-6">
-        {/* {new Array(9).fill(null).map((_, index) => (
-          <DonationCard key={index} className=""></DonationCard>
-        ))} */}
+      
         {donations.map((donation, index) => (
           <DonationCard key={donation.id} {...donation} />
         ))}
diff --git a/src/pages/home/components/DonationSection.jsx b/src/pages/home/components/DonationSection.jsx
index ba52602..eda3dce 100644
--- a/src/pages/home/components/DonationSection.jsx
+++ b/src/pages/home/components/DonationSection.jsx
@@ -1,6 +1,6 @@
 import React from "react";
 import DonationCard from "./DonationCard";
-
+import { donations } from "../../causes/data/data";
 function DonationSection() {
   return (
     <section className="mx-6 md:mx-32 flex flex-col items-center my-20 gap-10">
@@ -9,11 +9,11 @@ function DonationSection() {
         Causes of Givest
       </p>
       <div className="flex flex-col gap-8 lg:flex-row">
-        <DonationCard></DonationCard>
-        {/* card 2  */}
-        <DonationCard></DonationCard>
-        {/* card 3 */}
-        <DonationCard></DonationCard>
+      
+      {donations.slice(0, 3).map((donation, index) => (
+  <DonationCard key={donation.id} {...donation} />
+))}
+
       </div>
 
       <div className="flex flex-row gap-1 ">