diff --git a/src/components/App.tsx b/src/components/App.tsx index 6508e5ab..5e81d673 100644 --- a/src/components/App.tsx +++ b/src/components/App.tsx @@ -29,6 +29,7 @@ import { WSOToken } from "../lib/types"; const Scheduler = lazy(() => import("./views/CourseScheduler/Scheduler")); const About = lazy(() => import("./views/Misc/About")); const FAQ = lazy(() => import("./views/Misc/FAQ")); +const Team = lazy(() => import("./views/Misc/Team")); const MobilePrivacyPolicy = lazy( () => import("./views/Misc/MobilePrivacyPolicy") ); @@ -197,6 +198,7 @@ const App = () => { {/* Static Content Pages */} } /> } /> + } /> } diff --git a/src/components/views/Misc/About.jsx b/src/components/views/Misc/About.jsx index 06fe0db0..97f9928c 100644 --- a/src/components/views/Misc/About.jsx +++ b/src/components/views/Misc/About.jsx @@ -1,6 +1,7 @@ // React imports import React from "react"; import DoughtyBanner from "../../../assets/images/banners/Doughty.jpg"; +import { Link } from "react-router-dom"; const About = () => { return ( @@ -21,8 +22,11 @@ const About = () => { creating innovative and useful computer-based services and offering them to the Williams College community. WSO was founded in 1995 and continues to play an important role in the campus community today. +
+
+ Check out the list of students currently working on WSO{" "} + here!

-

Services

diff --git a/src/components/views/Misc/Team.tsx b/src/components/views/Misc/Team.tsx new file mode 100644 index 00000000..9d51eb97 --- /dev/null +++ b/src/components/views/Misc/Team.tsx @@ -0,0 +1,67 @@ +// React imports +import React from "react"; +import { Link } from "react-router-dom"; + +const BoardMap = { + "Andrew Megalaa": 12092, + "Ye Shu": 12579, + "David Goetze": 12282, +}; + +const ContributorMap = { + "Max Enis": 12516, + "Max Kan": 12406, +}; + +const constructFacebookLink = (userID: number) => { + return `/facebook/users/${userID}`; +}; + +const BulletList = (records: Record) => { + return ( + <> +

    + {Object.keys(records).map((name: string) => ( +
  • + + {name} + +
  • + ))} +
+ + ); +}; + +const Team = () => { + return ( +
+
+
+
+
+

Team

+
+
+

Board

+
+
+

{BulletList(BoardMap)}

+
+

Contributors

+
+
+

{BulletList(ContributorMap)}

+
+
+
+
+ ); +}; + +export default Team;