update

Author: ngocbh

app/people/page.tsx

@@ -17,6 +17,9 @@ export default function PeoplePage() {
       <Divider />
 
       <ExpandPeople text={"PhD Students"} people={peopleList.phds} />
+      <Divider />
+
+      <OtherExpandPerson text={"Master/Undergrad Students"} people={peopleList.masters_and_undergrad} />
 
     </div>
   );
@@ -79,3 +82,26 @@ export function PersonCard(person: Person) {
   )
 
 }
+
+function OtherExpandPerson(person: Person) {
+  return (
+      <li key={person.name}>
+        <OtherPersonCard {...person} />
+      </li>
+  )
+}
+
+export function OtherPersonCard(person: Person) {
+  return (
+    <Card className="py-4 border-none" shadow="none">
+      <CardBody>
+        <div className="grid grid-cols-4">
+          <div className="flex flex-col">
+              <p className="text-justify"><strong>{person.name}:</strong>  {person.position}</p>
+            </div>
+        </div>
+            
+      </CardBody>
+    </Card>
+  )
+}

config/people.ts

@@ -5,6 +5,7 @@ export interface Person {
     intro: string;
     homepage: string;
     photo: string | null;
+    position: Partial<string>;
 }
 
 export const peopleList = {
@@ -69,5 +70,16 @@ export const peopleList = {
             homepage: "https://google.com",
             photo: "people/no_avt.png",
         },
+    ],
+    "masters_and_undergrad": [
+        {
+            name: "Chuhan Li",
+            position: "Master Student",
+        },
+        {
+            name: "Qifan Zhang",
+            position: "Master Student",
+        },
     ]
+
 }