content/meet-the-team/systems-committee.json

@@ -5,11 +5,8 @@
   },
   {
     "name": "Andrew Wang",
-    "role": "Member"
-  },
-  {
-    "name": "Bill Xiang",
-    "role": "Member"
+    "role": "Member",
+    "image": "/images/team/AndrewWang-Syscom.jpg"
   },
   {
     "name": "Raymond Li",

lib/team.ts

@@ -22,7 +22,9 @@ export async function getExecNames() {
 export async function getExec(fileName: string, convert = true) {
   const raw = await readFile(path.join(EXECS_PATH, `${fileName}${fileType}`));
   const { content, data: metadata } = matter(raw);
-  const image = await getMemberImagePath(metadata.name);
+  const image =
+    (metadata.image as string | undefined) ??
+    (await getMemberImagePath(metadata.name));
 
   return {
     content: convert ? await serialize(content) : content,

pages/about/team.tsx

@@ -110,10 +110,12 @@ function MembersList(props: MembersProps) {
   );
 }
 
-async function getTeamWithImages(team: Omit<Metadata, "image">[]) {
+type TeamMember = Omit<Metadata, "image"> & { image?: string };
+
+async function getTeamWithImages(team: TeamMember[]) {
   return await Promise.all(
     team.map(async (member) => {
-      const image = await getMemberImagePath(member.name);
+      const image = member.image ?? (await getMemberImagePath(member.name));
       return {
         ...member,
         image,