Migrate team members data file to TypeScript

Author: VeckoTheGecko

src/data/team-members.js src/data/team-members.tssrc/data/team-members.js renamed to src/data/team-members.ts

@@ -1,4 +1,6 @@
-export const TeamMembers = [
+import { CurrentTeamMember } from '../types/team'
+
+export const CurrentTeamMembers: CurrentTeamMember[] = [
   {
     name: 'Vesna Bertoncelj',
     position: 'PhD candidate',

src/pages/team.js

@@ -1,7 +1,7 @@
 import { Layout } from '@/components/layout'
 import { Image, Link } from '@/components/mdx'
 import { TeamMember } from '@/components/team-member'
-import { TeamMembers } from '@/data/team-members'
+import { CurrentTeamMembers } from '@/data/team-members'
 import { Box, Container, Heading, SimpleGrid, Text } from '@chakra-ui/react'
 
 const Team = () => {
@@ -48,7 +48,7 @@ const Team = () => {
             my={4}
             align={'left'}
           >
-            {TeamMembers.map((member) => (
+            {CurrentTeamMembers.map((member) => (
               <TeamMember key={member.name} member={member} />
             ))}
           </SimpleGrid>

src/types/team.d.ts

@@ -0,0 +1,20 @@
+export interface TeamMemberLinks {
+  github?: string
+  researchgate?: string
+  googlescholar?: string
+  [key: string]: string
+}
+
+export interface CurrentTeamMember {
+  name: string
+  position: string
+  description: string
+  image: string
+  links?: TeamMemberLinks
+}
+
+export interface PriorTeamMember {
+  name: string
+  position: string
+  links?: TeamMemberLinks
+}