Added new type hinting to Person component and modified officer titles

StanfordACM · Nov 12, 2024 · debe5cd · debe5cd
1 parent d57b6bf
commit debe5cd
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 14 deletions.
diff --git a/components/people.tsx b/components/people.tsx
@@ -1,5 +1,5 @@
 import { math } from 'polished';
-import { useState } from 'react';
+import { ReactNode, useState } from 'react';
 import styled from 'styled-components';
 
 import { LinkComponent, Title } from '../components/section';
@@ -88,7 +88,7 @@ export function Person({
 }: {
   name: string;
   year?: number;
-  position?: string;
+  position?: ReactNode;
 }) {
   return (
     <PersonContainer>

diff --git a/pages/officers.tsx b/pages/officers.tsx
@@ -39,12 +39,22 @@ export default function Contact() {
           <Person
             name="Nathan Chi"
             year={2026}
-            position="Quant Gym Co-Director"
+            position={
+              <>
+                Quant Gym Co-Director <br />
+                Geoguessr Co-Director
+              </>
+            }
           />
           <Person
             name="Ryan Chi"
             year={2025}
-            position="Quant Gym Co-Director"
+            position={
+              <>
+                Quant Gym Co-Director <br />
+                Geoguessr Co-Director
+              </>
+            }
           />
           <Person
             name="Brian Xu"
@@ -64,16 +74,6 @@ export default function Contact() {
           />
           <Person name="Tesvara Jiang" year={2027} position="Social Co-Chair" />
           <Person name="Annie Lee" year={2027} position="Social Co-Chair" />
-          <Person
-            name="Nathan Chi"
-            year={2026}
-            position="GeoGuessr Co-Director"
-          />
-          <Person
-            name="Ryan Chi"
-            year={2025}
-            position="GeoGuessr Co-Director"
-          />
           <Person
             name="Daniel Zamoshchin"
             year={2024}