Fixed errors and removed TableLocations file

app/(pages)/(index-page)/_components/JudgingHub/HubHero.tsx

@@ -1,19 +1,10 @@
 import JudgeInt from '@typeDefs/judges';
 import styles from './HubHero.module.scss';
-
 import Image from 'next/image';
-
 import judgeHeroes from '/public/judges/hub/judgingheroes.svg';
-import judgeCow from '/public/judges/hub/judge-cow.svg';
-import judgeWig from '/public/judges/hub/judge-wig.svg';
-import bg_topleft from '/public/judges/hub/topleft.svg';
-import bg_top from '/public/judges/hub/topright.svg';
-import bg_bottom from '/public/judges/hub/bottom.svg';
 
 export default function HubHero({
-  user,
   loading,
-  members,
 }: {
   user: JudgeInt;
   loading: boolean;
@@ -23,79 +14,34 @@ export default function HubHero({
     return 'loading...';
   }
 
-  const speechBubbleTail = (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-    >
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M6.0712 8.81143C5.90657 7.95843 5.82036 7.07751 5.82036 6.17644V-0.0078125H19.644V20.0001C16.2965 20.0001 13.2268 18.8102 10.835 16.8303C8.44879 18.4199 4.62262 19.9309 0 19.0904C1.27323 18.5448 6.18426 15.2707 6.00237 8.7227C6.02438 8.75296 6.04733 8.78253 6.0712 8.81143Z"
-        fill="white"
-      />
-    </svg>
-  );
-
   return (
     <div className={styles.container}>
       <div className={styles.welcome_text}>
-        {/*<p>Welcome!</p>*/}
         <div className={styles.name_container}>
-          <h1> Welcome! {/*{user.name}*/}</h1>
-          <p> We appreciate you for helping us judge one of California's biggest hackathons!</p>
+          <h1>Welcome!</h1>
+          <p>
+            We appreciate you for helping us judge one of California's biggest
+            hackathons!
+          </p>
         </div>
       </div>
-
-      <div className={styles.gavel_cow}>
-        <div className={styles.cow_container}>
-
-        <div className={styles.judgecontainer}>
-
-          <div className={styles.judgingheroes}>
-            <Image
-                src={judgeHeroes}
-                alt="Judging Animals"
-                className={styles.bottom_blurb}
-              />
-          </div>
-
-        </div>
-
-          {/* <Image
+      <div className={styles.judgecontainer}>
+        <div className={styles.judgingheroes}>
+          <Image
             src={judgeHeroes}
             alt="Judging Animals"
             className={styles.bottom_blurb}
-          /> */}
-
-          {/* <Image src={judgeCow} alt="Judge Cow" className={styles.cow} />
-          <Image src={judgeWig} alt="Judge Wig" className={styles.wig} /> */}
+          />
         </div>
         <div className={styles.blurb}>
-          {/* <div className={styles.bubble_tail}>{speechBubbleTail}</div>
-          <p className={styles.intro_text}>You're paired with...</p>
+          {/* <p className={styles.intro_text}>You're paired with...</p>
           {members.map((member: string, index: number) => (
             <p key={index} className={styles.name}>
               {member}
             </p>
           ))} */}
         </div>
       </div>
-      {/*<Image
-        src={bg_bottom}
-        alt="bottom blurb"
-        className={styles.bottom_blurb}
-      />
-      <Image src={bg_top} alt="top blurb" className={styles.top_blurb} />
-      <Image
-        src={bg_topleft}
-        alt="top left blurb"
-        className={styles.top_left_blurb}
-        priority
-      /> */}
     </div>
   );
 }

app/(pages)/(index-page)/_components/JudgingHub/JudgingHub.tsx

@@ -1,22 +1,18 @@
 import { useAuth } from '@hooks/useAuth';
-
 import styles from './JudgingHub.module.scss';
 import HubHero from './HubHero';
-import JudgingList from './JudgingList';
 import TableLocations from './TableLocations';
 import ViewProjects from './ViewProjects';
-import { useSubmissions } from '@hooks/useSubmissions';
 import { useJudgeGroup } from '@hooks/useJudgeGroup';
 
 export default function JudgingHub() {
   const { user, loading } = useAuth();
   const { members } = useJudgeGroup();
-  const { unjudgedTeams } = useSubmissions();
   return (
     <div className={styles.container}>
-      <ViewProjects/>
+      <ViewProjects />
       <HubHero user={user} loading={loading} members={members} />
-      <JudgingList projects={unjudgedTeams} />
+      {/* <JudgingList projects={unjudgedTeams} /> */}
       <TableLocations />
     </div>
   );

app/(pages)/(index-page)/_components/JudgingHub/JudgingList.tsx

@@ -1,43 +1,16 @@
-import Link from 'next/link';
 import styles from './JudgingList.module.scss';
-import ProjectCarousel from './ProjectCarousel';
 
-export default function JudgingList({ projects }: { projects: object[] }) {
+export default function JudgingList() {
   return (
     <div className={styles.container}>
       <div className={styles.top_text}>
-        <h3>While you’re waiting, feel free to...</h3>
-        {/* <p>
-          You have <span>{projects.length}</span> team&#40;s&#41; left to judge:
-        </p> */}
-
+        <h3>While you're waiting, feel free to...</h3>
         <div className={styles.options}>
-          <div className={styles.box} >🔋 Charge your phone!</div>
+          <div className={styles.box}>🔋 Charge your phone!</div>
           <div className={styles.box}>👋 Say hi to other judges!</div>
           <div className={styles.box}>🍿 Grab a snack and water!</div>
         </div>
-
-
       </div>
-      <ProjectCarousel projects={projects} />
-      {/* <Link href="/judges/projects" className={styles.projects_button}>
-        View All Projects
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          width="21"
-          height="21"
-          viewBox="0 0 21 21"
-          fill="none"
-        >
-          <path
-            d="M5.25156 11.2527L17.2516 11.2527M17.2516 11.2527L12.3104 7.25269M17.2516 11.2527L12.3104 15.2527"
-            stroke="#173A52"
-            strokeWidth="1.5"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-          />
-        </svg>
-      </Link> */}
     </div>
   );
 }