Merge pull request #359 from senior-knights/feature/add-2024-team-mem…

…bers

add 2024 team members

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

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: