@@ -6,6 +6,7 @@ import * as React from 'react';
66import Image from 'next/image' ;
77import { IconTwitter } from '../Icon/IconTwitter' ;
88import { IconThreads } from '../Icon/IconThreads' ;
9+ import { IconBsky } from '../Icon/IconBsky' ;
910import { IconGitHub } from '../Icon/IconGitHub' ;
1011import { ExternalLink } from '../ExternalLink' ;
1112import { H3 } from './Heading' ;
@@ -19,6 +20,7 @@ interface TeamMemberProps {
1920 photo : string ;
2021 twitter ?: string ;
2122 threads ?: string ;
23+ bsky ?: string ;
2224 github ?: string ;
2325 personal ?: string ;
2426}
@@ -33,6 +35,7 @@ export function TeamMember({
3335 github,
3436 twitter,
3537 threads,
38+ bsky,
3639 personal,
3740} : TeamMemberProps ) {
3841 if ( name == null || title == null || permalink == null || children == null ) {
@@ -62,11 +65,15 @@ export function TeamMember({
6265 </ H3 >
6366 { title && < div > { title } </ div > }
6467 { children }
65- < div className = "sm:flex sm:flex-row flex-wrap" >
68+ < div className = "sm:flex sm:flex-row flex-wrap text-secondary dark:text-secondary-dark " >
6669 { twitter && (
6770 < div className = "me-4" >
6871 < ExternalLink
72+ < < < << << HEAD
6973 aria - label = "Profil Twitter"
74+ = === ===
75+ aria - label = { `${name } on Twitter`}
76+ >>> >>> > b214f78433756914ec32526dda48e76176dbf4fc
7077 href = { `https://twitter.com/${twitter } `}
7178 className = "hover:text-primary hover:underline dark:text-primary-dark flex flex-row items-center" >
7279 < IconTwitter className = "pe-1" />
@@ -77,14 +84,25 @@ export function TeamMember({
7784 { threads && (
7885 < div className = "me-4" >
7986 < ExternalLink
80- aria-label = "React on Threads"
87+ aria-label = { ` ${ name } on Threads` }
8188 href = { `https://threads.net/${ threads } ` }
8289 className = "hover:text-primary hover:underline dark:text-primary-dark flex flex-row items-center" >
8390 < IconThreads className = "pe-1" />
8491 { threads }
8592 </ ExternalLink >
8693 </ div >
8794 ) }
95+ { bsky && (
96+ < div className = "me-4" >
97+ < ExternalLink
98+ aria-label = { `${ name } on Bluesky` }
99+ href = { `https://bsky.app/profile/${ bsky } ` }
100+ className = "hover:text-primary hover:underline dark:text-primary-dark flex flex-row items-center" >
101+ < IconBsky className = "pe-1" />
102+ { bsky }
103+ </ ExternalLink >
104+ </ div >
105+ ) }
88106 { github && (
89107 < div className = "me-4" >
90108 < ExternalLink
0 commit comments