From c067ca6bdb2e01483dff1a9c7b5d1861fc6c49e2 Mon Sep 17 00:00:00 2001
From: Shirley Duong <shirleytduong@gmail.com>
Date: Sun, 17 Nov 2024 13:23:52 -0800
Subject: [PATCH 1/3] fix volunteer opportunites component

---
 src/components/home/VolunteerOpportunities.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/home/VolunteerOpportunities.tsx b/src/components/home/VolunteerOpportunities.tsx
index 3cce8f1..4934f1e 100644
--- a/src/components/home/VolunteerOpportunities.tsx
+++ b/src/components/home/VolunteerOpportunities.tsx
@@ -15,10 +15,10 @@ const VolunteerOpportunities = () => {
         free to show up! We'd love all the help we can get!
       </p>
       <div className="flex w-full flex-row py-2 sm:py-10">
-        <div className="hidden items-center justify-center sm:flex">
+        <div className="hidden justify-center sm:flex md:mx-8 md:mt-24 md:h-full md:w-3/5 lg:my-10 lg:w-full">
           <Photo
             image={VolunteerPhoto}
-            width={"w-1/2 lg: w-3/4"}
+            width={""}
             alt="Backside head of girl watching boxing ring fight"
           />
         </div>

From 67161e9c3f66e5912db72f29fac23849f9c52cc7 Mon Sep 17 00:00:00 2001
From: Shirley Duong <shirleytduong@gmail.com>
Date: Mon, 18 Nov 2024 19:23:09 -0800
Subject: [PATCH 2/3] fix linting

---
 package-lock.json                              | 15 +++++++++++++++
 src/components/home/VolunteerOpportunities.tsx |  2 +-
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/package-lock.json b/package-lock.json
index 0453cdf..f048539 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -6262,6 +6262,21 @@
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
       }
+    },
+    "node_modules/@next/swc-win32-ia32-msvc": {
+      "version": "14.2.14",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.2.14.tgz",
+      "integrity": "sha512-2u2XcSaDEOj+96eXpyjHjtVPLhkAFw2nlaz83EPeuK4obF+HmtDJHqgR1dZB7Gb6V/d55FL26/lYVd0TwMgcOQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
     }
   }
 }
diff --git a/src/components/home/VolunteerOpportunities.tsx b/src/components/home/VolunteerOpportunities.tsx
index 4934f1e..3ca7ac0 100644
--- a/src/components/home/VolunteerOpportunities.tsx
+++ b/src/components/home/VolunteerOpportunities.tsx
@@ -18,7 +18,7 @@ const VolunteerOpportunities = () => {
         <div className="hidden justify-center sm:flex md:mx-8 md:mt-24 md:h-full md:w-3/5 lg:my-10 lg:w-full">
           <Photo
             image={VolunteerPhoto}
-            width={""}
+            width=""
             alt="Backside head of girl watching boxing ring fight"
           />
         </div>

From f39d34ea9445b3b67844ae36033d8469d7f4f6af Mon Sep 17 00:00:00 2001
From: Shirley Duong <shirleytduong@gmail.com>
Date: Mon, 18 Nov 2024 20:49:58 -0800
Subject: [PATCH 3/3] edit width prop in photo component

---
 src/components/Photo.tsx                       | 4 ++--
 src/components/home/VolunteerOpportunities.tsx | 1 -
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/Photo.tsx b/src/components/Photo.tsx
index 892fedc..e222e37 100644
--- a/src/components/Photo.tsx
+++ b/src/components/Photo.tsx
@@ -4,11 +4,11 @@ import { StaticImport } from "next/dist/shared/lib/get-img-props";
 
 type photoProps = {
   image: StaticImport;
-  width: string;
+  width?: string;
   alt: string;
 };
 
-const Photo = ({ image, alt, width }: photoProps) => {
+const Photo = ({ image, alt, width = "" }: photoProps) => {
   return (
     <div className={`relative ${width} flex`}>
       <Image
diff --git a/src/components/home/VolunteerOpportunities.tsx b/src/components/home/VolunteerOpportunities.tsx
index 3ca7ac0..98c3a7a 100644
--- a/src/components/home/VolunteerOpportunities.tsx
+++ b/src/components/home/VolunteerOpportunities.tsx
@@ -18,7 +18,6 @@ const VolunteerOpportunities = () => {
         <div className="hidden justify-center sm:flex md:mx-8 md:mt-24 md:h-full md:w-3/5 lg:my-10 lg:w-full">
           <Photo
             image={VolunteerPhoto}
-            width=""
             alt="Backside head of girl watching boxing ring fight"
           />
         </div>