Merge pull request #43 from skye8-tech/Fix-Home

fix home issue
skye8-tech · Aug 12, 2024 · dfaaaea · dfaaaea
2 parents 3b1739d + cc9afb4
commit dfaaaea
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 10 deletions.
diff --git 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
@@ -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,12 +9,10 @@ function DonationSection() {
         Causes of Givest
       </p>
       <div className="flex flex-col gap-8 lg:flex-row">
-        <DonationCard />
-        {/* card 2  */}
-        <DonationCard />
-        {/* card 3 */}
-        <DonationCard />
-      </div>
+
+      {donations.slice(0, 3).map((donation, index) => (
+  <DonationCard key={donation.id} {...donation} />
+))}
 
       <div className="flex flex-row gap-1 ">
         <div className="w-4 h-4 rounded-lg bg-[#9483F1]"></div>