From 13e4fa858279af06fed50eb621143e789dfa4db3 Mon Sep 17 00:00:00 2001
From: EdwardLinS <edwardlin4573@gmail.com>
Date: Tue, 28 Jan 2025 23:49:21 -0800
Subject: [PATCH] Update to use non-legacy Next.js Image properties

---
 frontend/src/components/Footer.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/Footer.tsx b/frontend/src/components/Footer.tsx
index 978ed59..45618f9 100644
--- a/frontend/src/components/Footer.tsx
+++ b/frontend/src/components/Footer.tsx
@@ -45,7 +45,7 @@ type SocialMediaIconProps = {
 const SocialMediaIcon: React.FC<SocialMediaIconProps> = ({ icon, iconAlt, iconUrl }) => {
   return (
     <a href={iconUrl} className="relative sm:w-1/12 w-1/6 h-8 flex-shrink">
-      <Image src={icon} alt={iconAlt} layout="fill" objectFit="contain" />
+      <Image src={icon} alt={iconAlt} fill className="object-contain" />
     </a>
   );
 };
@@ -99,8 +99,8 @@ const AdminLoginButton: React.FC<{ handleAdminLogin: () => void }> = ({ handleAd
         <Image
           src={AdminLogin as StaticImport}
           alt="Admin login logo"
-          layout="fill"
-          objectFit="contain"
+          fill
+          className="object-contain"
         />
       </div>
       <p>Admin Login</p>
@@ -111,7 +111,7 @@ const AdminLoginButton: React.FC<{ handleAdminLogin: () => void }> = ({ handleAd
 const HomeworkIcon: React.FC = () => {
   return (
     <div className="relative w-full sm:w-1/3 h-44">
-      <Image src={Logo as StaticImport} alt="Homework logo" layout="fill" objectFit="contain" />
+      <Image src={Logo as StaticImport} alt="Homework logo" fill className="object-contain" />
     </div>
   );
 };