Update 2024 Notangles team members

client/src/components/navbar/About.tsx

@@ -2,6 +2,7 @@ import { Link, Typography } from '@mui/material';
 import { styled } from '@mui/system';
 import React from 'react';
 
+import team from '../../../team.json';
 import useGif from '../../assets/how_to_use.gif';
 
 const HowToUseImg = styled('img')`
@@ -24,83 +25,77 @@ const FeatList = styled('ul')`
 `;
 
 const About: React.FC = () => {
+  const currDirectors = team.directors.sort().map(director => <li>{director}</li>);
+  const currSubcommittee = team.subcommittee.sort().map(subcommittee => <li>{subcommittee}</li>); 
   return (
     <>
-      <Typography gutterBottom variant='body2'>
+      <Typography gutterBottom variant="body2">
         Notangles is an app for UNSW students to build their perfect timetable, even before class registration opens. We
         have many features on the way, including support for your own custom events, and syncing your timetable with
         friends.
       </Typography>
-      <Typography gutterBottom variant='body2'>
+      <Typography gutterBottom variant="body2">
         Inspired by&nbsp;
-        <Link href='https://tdransfield.net/projects/bojangles/' target='_blank'>
+        <Link href="https://tdransfield.net/projects/bojangles/" target="_blank">
           Bojangles
         </Link>
         &nbsp;and&nbsp;
-        <Link href='https://crossangles.app/' target='_blank'>
+        <Link href="https://crossangles.app/" target="_blank">
           Crossangles
         </Link>
         , it was created by CSESoc Projects – a place for student-led projects where you can learn something new, and
         make some friends along the way.
       </Typography>
-      <Typography gutterBottom variant='body2'>
+      <Typography gutterBottom variant="body2">
         In 2024, Software Development Society has assumed management for Notangles, formed by the creation of a new
         student society from what was previously known as CSESoc Projects.
       </Typography>
-      <Typography gutterBottom variant='body2'>
-        Notangles is free and{' '}
-        <Link href='https://github.com/devsoc-unsw/notangles'>open-source</Link>.
+      <Typography gutterBottom variant="body2">
+        Notangles is free and <Link href="https://github.com/devsoc-unsw/notangles">open-source</Link>.
       </Typography>
-      <StyledTypography variant='h6'>How it works</StyledTypography>
-      <Typography gutterBottom variant='body2'>
+      <StyledTypography variant="h6">How it works</StyledTypography>
+      <Typography gutterBottom variant="body2">
         Select your courses, then drag-and-drop classes to customise your timetable. You can drag clutter (like lectures
         which you aren’t going to watch live) to the unscheduled column. Struggling to find an ideal timetable? Try out
         our auto-timetabling feature!
       </Typography>
-      <HowToUseImg src={useGif} alt='how to use gif' />
-      <Typography gutterBottom variant='body2'>
+      <HowToUseImg src={useGif} alt="how to use gif" />
+      <Typography gutterBottom variant="body2">
         Note: Notangles does not enroll in your classes. It’s a tool for planning your timetable, but you’ll still need
         to officially enroll at&nbsp;
-        <Link href='https://my.unsw.edu.au/' target='_blank'>
+        <Link href="https://my.unsw.edu.au/" target="_blank">
           myUNSW
         </Link>
         .
       </Typography>
-      <StyledTypography variant='h6'>Future developments</StyledTypography>
+      <StyledTypography variant="h6">Future developments</StyledTypography>
       <FeatList>
         <li> Sync your timetable with friends</li>
       </FeatList>
-      <StyledTypography variant='h6'>About the team</StyledTypography>
-      <Typography gutterBottom variant='body2'>
+      <StyledTypography variant="h6">About the team</StyledTypography>
+      <Typography gutterBottom variant="body2">
         The current 2024 development team consists of two directors and seven members.
       </Typography>
-      <Typography gutterBottom variant='body2'>
+      <Typography gutterBottom variant="body2">
         <strong>Team Directors:</strong>
       </Typography>
       <FeatList>
-        <li>Manhua Lu</li>
-        <li>Raiyan Ahmed</li>
+        {currDirectors}
       </FeatList>
-      <Typography gutterBottom variant='body2'>
+      <Typography gutterBottom variant="body2">
         <strong>Members:</strong>
       </Typography>
       <FeatList>
-        <li>Eklavya Joshi</li>
-        <li>Jasmine Tran</li>
-        <li>Michael Siu</li>
-        <li>Sally Sun</li>
-        <li>Shaam Jevan</li>
-        <li>Sijin Soon</li>
-        <li>Wanning Cai</li>
+        {currSubcommittee}
       </FeatList>
-      <StyledTypography variant='h6'>Disclaimer</StyledTypography>
-      <Typography gutterBottom variant='body2'>
+      <StyledTypography variant="h6">Disclaimer</StyledTypography>
+      <Typography gutterBottom variant="body2">
         While we try our best, Notangles is not an official UNSW site, and cannot guarantee data accuracy or
         reliability.
       </Typography>
-      <Typography gutterBottom variant='body2'>
+      <Typography gutterBottom variant="body2">
         If you find an issue or have a suggestion, please{' '}
-        <Link href='https://forms.gle/rV3QCwjsEbLNyESE6' target='_blank'>
+        <Link href="https://forms.gle/rV3QCwjsEbLNyESE6" target="_blank">
           let us know
         </Link>
         .

client/src/components/navbar/Changelog.tsx

@@ -16,7 +16,7 @@ type Change = { date: string; changes: string[] };
 const changelog: Change[] = [
   {
     date: 'February 16, 2024',
-    changes: ['Minor footer redesign with icons and sponsor logos'],
+    changes: ['Footer redesign with icons and sponsor logos'],
   },
   {
     date: 'October 26, 2023',

client/team.json

@@ -0,0 +1,12 @@
+{
+  "directors": ["Shaam Jevan", "Raiyan Ahmed"],
+  "subcommittee": [
+    "Jasmine Tran",
+    "Michael Siu",
+    "Chanel Bouchaaya",
+    "Jordan Benjamin",
+    "Nikki Qin",
+    "Lucy Chhuo",
+    "Sohum Shah"
+  ]
+}