@@ -4,7 +4,7 @@ interface TeamMember {
44 name : string ;
55 role : string ;
66 photo : string ;
7- xHandle : string ;
7+ xHandle ? : string ;
88}
99
1010const teamMembers : TeamMember [ ] = [
@@ -14,6 +14,11 @@ const teamMembers: TeamMember[] = [
1414 photo : '/team/khadim.jpg' ,
1515 xHandle : 'khad_im' ,
1616 } ,
17+ {
18+ name : 'Tim Besel' ,
19+ role : 'Engineer' ,
20+ photo : '/team/tim.jpg' ,
21+ } ,
1722] ;
1823
1924function TeamMemberCard ( { member, index } : { member : TeamMember ; index : number } ) {
@@ -33,17 +38,19 @@ function TeamMemberCard({ member, index }: { member: TeamMember; index: number }
3338 </ div >
3439 < p className = "text-[15px] font-medium text-text-primary mt-4" > { member . name } </ p >
3540 < p className = "text-[13px] text-text-muted mt-0.5" > { member . role } </ p >
36- < a
37- href = { `https://x.com/${ member . xHandle } ` }
38- target = "_blank"
39- rel = "noopener noreferrer"
40- className = "inline-flex mt-2 text-text-muted hover:text-text-primary transition-colors duration-200"
41- aria-label = { `${ member . name } on X` }
42- >
43- < svg viewBox = "0 0 24 24" className = "w-4 h-4 fill-current" >
44- < path d = "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
45- </ svg >
46- </ a >
41+ { member . xHandle && (
42+ < a
43+ href = { `https://x.com/${ member . xHandle } ` }
44+ target = "_blank"
45+ rel = "noopener noreferrer"
46+ className = "inline-flex mt-2 text-text-muted hover:text-text-primary transition-colors duration-200"
47+ aria-label = { `${ member . name } on X` }
48+ >
49+ < svg viewBox = "0 0 24 24" className = "w-4 h-4 fill-current" >
50+ < path d = "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
51+ </ svg >
52+ </ a >
53+ ) }
4754 </ div >
4855 </ div >
4956 ) ;
0 commit comments