update: speaker add social site links

jsconfjp · Nov 16, 2023 · b61acbb · b61acbb
1 parent df31d3c
commit b61acbb
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 6 deletions.
diff --git a/2023/src/data/types.ts b/2023/src/data/types.ts
@@ -24,6 +24,7 @@ export type SpeakerType = {
   biographyJa: string
   presentations: string[]
   github: string
+  mastodon: string
   twitter: string
   location: string
 }

diff --git a/2023/src/pages/index.tsx b/2023/src/pages/index.tsx
@@ -136,6 +136,9 @@ export default function IndexPage() {
             biography
             biographyJa
             presentations
+            github
+            mastodon
+            twitter
           }
         }
       }

diff --git a/2023/src/templates/speaker.tsx b/2023/src/templates/speaker.tsx
@@ -112,19 +112,34 @@ export default function Speaker(props: Props) {
       />
       <ResponsiveBox>
         <Breadcrumb path={[{ label: t("speakers"), to: "/speakers" }, title]} />
-        {speakers.map((speaker, i) => (
-          <SpeakerBox key={speaker.uuid}>
-            <Avatar image={avatars[i]} alt={speaker.name} loading="eager" />
+        {speakers.map((speaker, i) => {
+          const socialLinks = [
+            {account: speaker.github, site: 'github'},
+            {account: speaker.mastodon, site: 'mastodon'},
+            {account: speaker.twitter, site: 'twitter'}
+          ].filter(item => item.account).map((item) => {
+            let listItem =  ''
+            if (item.site == 'github') listItem = `- Github: [${item.account}](https://github.com/${item.account})\n`
+            if (item.site == 'mastodon') listItem = `- Mastodon: [${item.account}](${item.account})\n`
+            if (item.site == 'twitter') listItem = `- Twitter: [${item.account}](https://twitter.com/${item.account})\n`
+            return listItem
+          });
+
+          const socialLinksMarkdown = '\n\n' + socialLinks.join('\n')
+
+          const biography = enOrJa(i18n)(speaker.biography, speaker.biographyJa) + socialLinksMarkdown
+          return <SpeakerBox key={speaker.uuid}>
+            <Avatar image={avatars[i]} alt={speaker.name} loading="eager"/>
             <SpeakerSide>
               <h1>
-                <SpeakerName speaker={speaker} />
+                <SpeakerName speaker={speaker}/>
               </h1>
               <Markdown>
-                {enOrJa(i18n)(speaker.biography, speaker.biographyJa)}
+                {biography}
               </Markdown>
             </SpeakerSide>
           </SpeakerBox>
-        ))}
+        })}
         {sponsors.map(sponsor => (
           <SpeakerBox key={sponsor.uuid}>
             <SponsorLogo