Revert "fix all warnings"

This reverts commit e4a08c4.
soton-dsoc · Sep 25, 2023 · 42c36f6 · 42c36f6
1 parent e4a08c4
commit 42c36f6
Show file tree

Hide file tree

Showing 7 changed files with 1,927 additions and 1,921 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.4",
+    "next": "^12.3.0",
     "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,6 +12,13 @@ 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 {
@@ -127,11 +134,11 @@ function About() {
 
                     </div>
 
-                    <Image src={dsocEvent.src} className={styles.upperImg} alt=""/>
+                    <img src={dsocEvent.src} className={styles.upperImg}/>
                 </div>
 
                 <div className={styles.lowerContainer}>
-                    <Image src={audience.src} className={styles.lowerImg} alt=""/>
+                    <img src={audience.src} className={styles.lowerImg}/>
 
                     <div className={styles.aboutText}>
                         <p>
@@ -158,7 +165,7 @@ function About() {
                                 <div className={styles.flipCard} key={i} onClick={() => window.open(p.linkedin)}>
                                     <div className={styles.fcInner}>
                                         <div className={styles.fcFront}>
-                                            <Image src={p.photo.src} className={styles.clipCircle} alt=""></Image>
+                                            <img src={p.photo.src} className={styles.clipCircle}></img>
                                             <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,7 +1,6 @@
 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';
@@ -53,10 +52,10 @@ class Footer extends React.Component {
                     <div className={styles.left}>
                         <div className={styles.top}>
                             <div className={styles.socialBox}>
-                                <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" }}/>
+                                <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" }}/>
                             </div>
                         </div>
                         <div className={styles.bottom}>
@@ -70,7 +69,7 @@ class Footer extends React.Component {
 
                     <div className={styles.right}>
                         <div className={styles.top}>
-                            <Image alt="" src={dsocLogo.src} className={styles.dsocLogo}/>
+                            <img 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,7 +1,6 @@
 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() {
@@ -61,7 +60,7 @@ function Home() {
                     <a target="_blank" rel="noopener noreferrer" href={configs.discord_invite}>
                         <div className={styles.homeBtnJoin}>
                             Join us
-                            <Image alt="" src={discordLogo.src} className={styles.discordLogo}/>
+                            <img src={discordLogo.src} className={styles.discordLogo}/>
                         </div>
                     </a>
 

diff --git a/pages/navbar.tsx b/pages/navbar.tsx
@@ -2,7 +2,6 @@ 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() {
 
@@ -22,7 +21,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}>
-                        <Image alt="" src={dsocLogo.src} onClick={ () => scrollToElement("home") } />
+                        <img src={dsocLogo.src} onClick={ () => scrollToElement("home") }></img>
 
                         {/* desktop (> 480) */}
                         <div className={styles.pages}>
@@ -36,7 +35,7 @@ function Navbar() {
                             <div onClick={ () => window.open("https://dsoc.substack.com/")} style={{marginLeft: ""}} className={styles.nl}>Newsletter</div>
                         </div>
 
-                        <Image alt="" src={uosLogo.src}  onClick={ () => window.open("https://www.southampton.ac.uk/")} />
+                        <img src={uosLogo.src}  onClick={ () => window.open("https://www.southampton.ac.uk/")}></img>
                     </div>
                 </div>
         </div>