fix(frontend): linting errors

RetroOlympics · Sep 2, 2024 · 07ba96e · 07ba96e
1 parent b0dbe47
commit 07ba96e
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/frontend/src/app/page.tsx b/frontend/src/app/page.tsx
@@ -28,10 +28,14 @@ export default function Home() {
                         height={425}
                     />
                     <span className="text-lg">New Season 2025</span>
-                    <img
+                    <Image
                         className="fixed left-0 top-[-50vh] -z-10 h-[150vh] w-screen object-cover opacity-0
                             transition-opacity duration-500 group-hover:opacity-100"
                         src="/img/olympics-landing.png"
+                        width={0}
+                        height={0}
+                        sizes="100vw"
+                        alt=""
                     />
                 </Link>
                 <Link
@@ -55,10 +59,14 @@ export default function Home() {
                         height={425}
                     />
                     <span className="text-lg">Coming soon!</span>
-                    <img
+                    <Image
                         className="fixed left-0 top-[-50vh] -z-10 h-[150vh] w-screen object-cover opacity-0
                             transition-opacity duration-500 group-hover:opacity-100"
                         src="/img/colosso-landing.png"
+                        width={0}
+                        height={0}
+                        sizes="100vw"
+                        alt=""
                     />
                 </Link>
             </div>

diff --git a/frontend/src/app/volunteers/page.tsx b/frontend/src/app/volunteers/page.tsx
@@ -77,8 +77,8 @@ function renderTeam(team: string, members: string[]) {
             <h1 className="text-2xl">{team}</h1>
             <hr className="mb-2 text-white" />
             <div className="flex flex-wrap items-center justify-center gap-4">
-                {members.map((member) => (
-                    <div className="flex w-[100px] flex-col items-center justify-center gap-2">
+                {members.map((member, i) => (
+                    <div className="flex w-[100px] flex-col items-center justify-center gap-2" key={i}>
                         <RAUser username={member} />
                         <p>{member}</p>
                     </div>