From fb402caa77d24922e7018810acbe5f6c7aba3d23 Mon Sep 17 00:00:00 2001
From: Yuese Li <nihao6633839@gmail.com>
Date: Tue, 10 Dec 2024 16:45:17 -0500
Subject: [PATCH] Added 2024 team members and updated AboutPage

---
 .../components/pages/AboutPage/AboutPage.tsx  | 18 +++++++++++++++-
 .../src/utilities/helpers/teamMembers.ts      | 21 +++++++++++++++++++
 2 files changed, 38 insertions(+), 1 deletion(-)

diff --git a/client-course-schedulizer/src/components/pages/AboutPage/AboutPage.tsx b/client-course-schedulizer/src/components/pages/AboutPage/AboutPage.tsx
index d89f884e..164df906 100644
--- a/client-course-schedulizer/src/components/pages/AboutPage/AboutPage.tsx
+++ b/client-course-schedulizer/src/components/pages/AboutPage/AboutPage.tsx
@@ -1,7 +1,7 @@
 import { Grid } from "@material-ui/core";
 import { NewTabLink, Page } from "components/reuseables";
 import React from "react";
-import { team2020, team2021, team2022, team2023, teamAdvisors, TeamMember } from "utilities";
+import { team2020, team2021, team2022, team2023, team2024, teamAdvisors, TeamMember } from "utilities";
 import { TeamMemberProfile, TextSection } from ".";
 import "./AboutPage.scss";
 
@@ -11,6 +11,7 @@ export const AboutPage = () => {
   return (
     <Page>
       <AboutVision />
+      <AboutTeam2024 />
       <AboutTeam2023 />
       <AboutTeam2022 />
       <AboutTeam2021 />
@@ -136,6 +137,21 @@ const AboutTeam2023 = () => {
   );
 };
 
+const AboutTeam2024 = () => {
+  return (
+    <TextSection
+      body={
+        <Grid container direction="column" justify="flex-start" spacing={2}>
+          {team2024.map((member: TeamMember) => {
+            return <TeamMemberProfile key={member.name} member={member} />;
+          })}
+        </Grid>
+      }
+      title="Team of 2024"
+    />
+  );
+};
+
 const AboutTeamAdvisors = () => {
   return (
     <TextSection
diff --git a/client-course-schedulizer/src/utilities/helpers/teamMembers.ts b/client-course-schedulizer/src/utilities/helpers/teamMembers.ts
index f3369cde..4291e718 100644
--- a/client-course-schedulizer/src/utilities/helpers/teamMembers.ts
+++ b/client-course-schedulizer/src/utilities/helpers/teamMembers.ts
@@ -93,6 +93,27 @@ export const team2023: TeamMember[] = [
   },
 ];
 
+export const team2024: TeamMember[] = [
+  {
+    bio: "Computer Science Student at Calvin University.",
+    name: "Noelle Haviland",
+    photo: "https://avatars.githubusercontent.com/u/112643038?v=4",
+    website: "https://github.com/neh8",
+  },
+  {
+    bio: "Computer Science Student at Calvin University.",
+    name: "Yuese Li",
+    photo: "https://avatars.githubusercontent.com/u/144585524?v=4",
+    website: "https://github.com/wahrheit319",
+  },
+  {
+    bio: "Computer Science Student at Calvin University.",
+    name: "Edom Maru",
+    photo: "https://avatars.githubusercontent.com/u/88850851?v=4",
+    website: "https://github.com/edomamaru",
+  },
+];
+
 export const teamAdvisors: TeamMember[] = [
   {
     bio: