fix all warnings

soton-dsoc · Sep 25, 2023 · e4a08c4 · e4a08c4 · vercel · Sep 25, 2023
1 parent 0c47b9d
commit e4a08c4
Show file tree

Hide file tree

Showing 7 changed files with 1,921 additions and 1,927 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -12,7 +12,7 @@
     "classnames": "^2.3.1",
     "crypto": "^1.0.1",
     "immutable": "^4.1.0",
-    "next": "^12.3.0",
+    "next": "^12.3.4",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "smooth-scroll": "^16.1.3",

diff --git a/pages/about.tsx b/pages/about.tsx
@@ -12,13 +12,6 @@ import audience from '../public/audience.jpg'
 import german from '../public/german.jpg';
 import victor from '../public/victor_cropped.jpg';
 import olly from '../public/olly.jpg'
-import dsoc from '../public/dsoc-logo-white.svg'
-import jin from '../public/jin.jpeg'
-import jj from '../public/jj.jpg'
-import sy from '../public/sy.jpg'
-import fernando from '../public/fernando.jpg'
-import deni from '../public/deni.jpeg'
-import ibi from '../public/ibi.jpeg'
 import james from '../public/james.jpg'
 
 function Tilt(props: any): JSX.Element {
@@ -134,11 +127,11 @@ function About() {
 
                     </div>
 
-                    <img src={dsocEvent.src} className={styles.upperImg}/>
+                    <Image src={dsocEvent.src} className={styles.upperImg} alt=""/>
                 </div>
 
                 <div className={styles.lowerContainer}>
-                    <img src={audience.src} className={styles.lowerImg}/>
+                    <Image src={audience.src} className={styles.lowerImg} alt=""/>
 
                     <div className={styles.aboutText}>
                         <p>
@@ -165,7 +158,7 @@ function About() {
                                 <div className={styles.flipCard} key={i} onClick={() => window.open(p.linkedin)}>
                                     <div className={styles.fcInner}>
                                         <div className={styles.fcFront}>
-                                            <img src={p.photo.src} className={styles.clipCircle}></img>
+                                            <Image src={p.photo.src} className={styles.clipCircle} alt=""></Image>
                                             <div className={styles.teamCardText}>
                                                 <div className={styles.teamCardName}>{p.name}</div>
                                                 <div className={styles.teamCardRole}>{p.role}</div>

diff --git a/pages/footer.tsx b/pages/footer.tsx
@@ -1,6 +1,7 @@
 import styles from '../styles/Footer.module.css'
 import React from 'react';
 import configs from '../config'
+import Image from 'next/image'
 
 import twitterLogo from '../public/twitter-logo.svg';
 import linkedinLogo from '../public/linkedin-logo.svg';
@@ -52,10 +53,10 @@ class Footer extends React.Component {
                     <div className={styles.left}>
                         <div className={styles.top}>
                             <div className={styles.socialBox}>
-                                <img alt="" src={twitterLogo.src} onClick={()=> window.open(configs.twitter, "_blank")} style={{ cursor: "pointer" }}/>
-                                <img alt="" src={discordLogo.src} onClick={()=> window.open(configs.discord_invite, "_blank")} style={{ cursor: "pointer" }}/>
-                                <img alt="" src={linkedinLogo.src} onClick={()=> window.open(configs.linkedin, "_blank")} style={{ cursor: "pointer" }}/>
-                                <img alt="" src={emailLogo.src} onClick={()=> window.open(configs.email, "_blank")} style={{ cursor: "pointer" }}/>
+                                <Image alt="" src={twitterLogo.src} onClick={()=> window.open(configs.twitter, "_blank")} style={{ cursor: "pointer" }}/>
+                                <Image alt="" src={discordLogo.src} onClick={()=> window.open(configs.discord_invite, "_blank")} style={{ cursor: "pointer" }}/>
+                                <Image alt="" src={linkedinLogo.src} onClick={()=> window.open(configs.linkedin, "_blank")} style={{ cursor: "pointer" }}/>
+                                <Image alt="" src={emailLogo.src} onClick={()=> window.open(configs.email, "_blank")} style={{ cursor: "pointer" }}/>
                             </div>
                         </div>
                         <div className={styles.bottom}>
@@ -69,7 +70,7 @@ class Footer extends React.Component {
 
                     <div className={styles.right}>
                         <div className={styles.top}>
-                            <img src={dsocLogo.src} className={styles.dsocLogo}/>
+                            <Image alt="" src={dsocLogo.src} className={styles.dsocLogo}/>
                         </div>
                         <div className={styles.bottom}>
                             <div onClick={ () => window.open("https://dsoc.substack.com/")} style={{ cursor: "pointer"}}>Newsletter</div>

diff --git a/pages/home.tsx b/pages/home.tsx
@@ -1,6 +1,7 @@
 import configs from '../config'
 import styles from '../styles/Home.module.css'
 import discordLogo from '../public/discord-logo.svg'
+import Image from 'next/image'
 import { useEffect } from 'react';
 
 function Home() {
@@ -60,7 +61,7 @@ function Home() {
                     <a target="_blank" rel="noopener noreferrer" href={configs.discord_invite}>
                         <div className={styles.homeBtnJoin}>
                             Join us
-                            <img src={discordLogo.src} className={styles.discordLogo}/>
+                            <Image alt="" src={discordLogo.src} className={styles.discordLogo}/>
                         </div>
                     </a>
 

diff --git a/pages/navbar.tsx b/pages/navbar.tsx
@@ -2,6 +2,7 @@ import styles from '../styles/Navbar.module.css';
 import React, { useEffect, useState } from 'react';
 import dsocLogo from '../public/dsoc-logo-white.svg'
 import uosLogo from '../public/uos_logo.svg'
+import Image from 'next/image'
 
 function Navbar() {
 
@@ -21,7 +22,7 @@ function Navbar() {
         <div className={styles.Navbar} style={scroll ? { boxShadow: '0px 5px 20px 0px black', backgroundColor: 'rgba(0, 0, 0, 0.25)' } : undefined}>
                 <div className={styles.contentWrapper}>
                     <div className={styles.left}>
-                        <img src={dsocLogo.src} onClick={ () => scrollToElement("home") }></img>
+                        <Image alt="" src={dsocLogo.src} onClick={ () => scrollToElement("home") } />
 
                         {/* desktop (> 480) */}
                         <div className={styles.pages}>
@@ -35,7 +36,7 @@ function Navbar() {
                             <div onClick={ () => window.open("https://dsoc.substack.com/")} style={{marginLeft: ""}} className={styles.nl}>Newsletter</div>
                         </div>
 
-                        <img src={uosLogo.src}  onClick={ () => window.open("https://www.southampton.ac.uk/")}></img>
+                        <Image alt="" src={uosLogo.src}  onClick={ () => window.open("https://www.southampton.ac.uk/")} />
                     </div>
                 </div>
         </div>