Core 1258: Port Team page to TS

src/app/pages/team/people-tab/people-tab.js → src/app/pages/team/people-tab/people-tab.tsx

@@ -1,7 +1,13 @@
 import React from 'react';
 import './people-tab.scss';
 
-function PersonCard({entry}) {
+export type PersonEntry = {
+    name: string;
+    bio: string;
+    photo?: {file: string}
+}
+
+function PersonCard({entry}: {entry: PersonEntry}) {
     return (
         <div className="card">
             <div className="content">
@@ -15,10 +21,12 @@ function PersonCard({entry}) {
     );
 }
 
-export default function PeopleTab({data}) {
+export default function PeopleTab({data}: {
+    data: {value: PersonEntry}[];
+}) {
     return (
         <div className="people-tab">
-            {data.map((entry) => <PersonCard entry={entry.value} key={entry.value.id} />)}
+            {data.map((entry, i) => <PersonCard entry={entry.value} key={i} />)}
         </div>
     );
 }

src/app/pages/team/team.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import LoaderPage from '~/components/jsx-helpers/loader-page';
 import Hero from '~/components/hero/hero';
 import AccordionGroup from '~/components/accordion-group/accordion-group';
-import PeopleTab from './people-tab/people-tab';
+import PeopleTab, {PersonEntry} from './people-tab/people-tab';
 import {Tabs, Item} from '~/components/tablist/tablist';
 import './team.scss';
 
@@ -22,7 +22,7 @@ function TeamPage({
         teamHeader: string;
         openstaxPeople: Array<{
             heading: string;
-            people: unknown[];
+            people: {value: PersonEntry}[];
         }>;
     };
 }) {