From 55a3c5bfc2113e6e7788337b264d58b224482f35 Mon Sep 17 00:00:00 2001
From: blu3fire <blu3fire89@gmail.com>
Date: Tue, 17 Aug 2021 16:29:30 +0800
Subject: [PATCH 1/3] Done add Laptopforfamiliescard

---
 components/LaptopForFamiliesCard.js | 22 ++++++++++++++++++++++
 pages/index.js                      | 19 ++++++++++++-------
 2 files changed, 34 insertions(+), 7 deletions(-)
 create mode 100644 components/LaptopForFamiliesCard.js

diff --git a/components/LaptopForFamiliesCard.js b/components/LaptopForFamiliesCard.js
new file mode 100644
index 00000000..5706e24e
--- /dev/null
+++ b/components/LaptopForFamiliesCard.js
@@ -0,0 +1,22 @@
+function LaptopForFamiliesCard() {
+    return (
+        <div className="card lg:card-side bordered">
+            <div className="card-body">
+                <h2 className="card-title">Laptop for Families</h2>
+                <p className="mb-3">
+                    Mail us your used or new laptop. We'll set up the donated laptops in our public
+                    computer room for the families to use for free. Some of the donated laptops will go to
+                    the families who don't have home computers, or who don't have enough computers for
+                    all their children to use.
+                </p>
+                <p>
+                    <div className="divider" />
+                    <h3>Ship the kits to:</h3>
+                    <p>1543 E Palmdale Blvd, Ste E, Palmdale, CA 93550</p>
+                </p>
+            </div>
+        </div>
+    )
+}
+
+export default LaptopForFamiliesCard
diff --git a/pages/index.js b/pages/index.js
index 0039a131..44695d22 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -4,6 +4,7 @@ import MainDonationForm from "../components/MainDonationForm";
 import React, { useState } from "react";
 import HealthWorkshopCard from "../components/HealthWorkshopCard";
 import HotMealDayCard from "../components/HotMealDayCard";
+import LaptopForFamiliesCard from "../components/LaptopForFamiliesCard";
 
 const ListOfCards = [
   {
@@ -14,11 +15,15 @@ const ListOfCards = [
     card: <HygieneKitsCard />,
     amount: 153,
   },
+  {
+    card: <LaptopForFamiliesCard />,
+    amount: 0,
+  },
   {
     card: <HotMealDayCard />,
     amount: 250,
   },
-  
+
 ];
 const sortedcards = [...ListOfCards];
 sortedcards.sort((a, b) => a.amount - b.amount);
@@ -26,12 +31,12 @@ sortedcards.sort((a, b) => a.amount - b.amount);
 function PrintCards() {
 
   return sortedcards.map((item) => {
-      return(
-          <div>
-            {item.card}
-            <br/>
-          </div>
-        )
+    return (
+      <div>
+        {item.card}
+        <br />
+      </div>
+    )
   });
 }
 

From 6b9d7b8df5632afe1f99e355684a4627f32f62f2 Mon Sep 17 00:00:00 2001
From: blu3fire <blu3fire89@gmail.com>
Date: Tue, 17 Aug 2021 17:22:33 +0800
Subject: [PATCH 2/3] change indention 4 to 2

---
 components/LaptopForFamiliesCard.js | 37 +++++++++++++++--------------
 1 file changed, 19 insertions(+), 18 deletions(-)

diff --git a/components/LaptopForFamiliesCard.js b/components/LaptopForFamiliesCard.js
index 5706e24e..12459b17 100644
--- a/components/LaptopForFamiliesCard.js
+++ b/components/LaptopForFamiliesCard.js
@@ -1,22 +1,23 @@
 function LaptopForFamiliesCard() {
-    return (
-        <div className="card lg:card-side bordered">
-            <div className="card-body">
-                <h2 className="card-title">Laptop for Families</h2>
-                <p className="mb-3">
-                    Mail us your used or new laptop. We'll set up the donated laptops in our public
-                    computer room for the families to use for free. Some of the donated laptops will go to
-                    the families who don't have home computers, or who don't have enough computers for
-                    all their children to use.
-                </p>
-                <p>
-                    <div className="divider" />
-                    <h3>Ship the kits to:</h3>
-                    <p>1543 E Palmdale Blvd, Ste E, Palmdale, CA 93550</p>
-                </p>
-            </div>
-        </div>
-    )
+  return (
+    <div className="card lg:card-side bordered">
+      <div className="card-body">
+        <h2 className="card-title">Laptop for Families</h2>
+        <p className="mb-3">
+          Mail us your used or new laptop. We'll set up the donated laptops in our public
+          computer room for the families to use for free. Some of the donated laptops will go to
+          the families who don't have home computers, or who don't have enough computers for
+          all their children to use.
+        </p>
+        <p>
+          <div className="divider" />
+          <h3>Ship the kits to:</h3>
+          <p>1543 E Palmdale Blvd, Ste E, Palmdale, CA 93550</p>
+        </p>
+      </div>
+    </div>
+
+  )
 }
 
 export default LaptopForFamiliesCard

From 24b2fb85f2960409d756ce329c91c5e565c02890 Mon Sep 17 00:00:00 2001
From: Audrey Roy Greenfeld <audrey@feldroy.com>
Date: Tue, 17 Aug 2021 02:51:51 -0700
Subject: [PATCH 3/3] Correction to shipping text in
 components/LaptopForFamiliesCard.js

---
 components/LaptopForFamiliesCard.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/LaptopForFamiliesCard.js b/components/LaptopForFamiliesCard.js
index 12459b17..cdc81660 100644
--- a/components/LaptopForFamiliesCard.js
+++ b/components/LaptopForFamiliesCard.js
@@ -11,7 +11,7 @@ function LaptopForFamiliesCard() {
         </p>
         <p>
           <div className="divider" />
-          <h3>Ship the kits to:</h3>
+          <h3>Ship the laptops to:</h3>
           <p>1543 E Palmdale Blvd, Ste E, Palmdale, CA 93550</p>
         </p>
       </div>