From f9c41b60201355eea4bdde5153a91d4b5c7144de Mon Sep 17 00:00:00 2001
From: Phil Ewels <phil.ewels@seqera.io>
Date: Mon, 11 Mar 2024 00:17:12 +0100
Subject: [PATCH] Fix ambassador typing

---
 src/components/AmbassadorCard.astro | 30 ++++++++++++++++++++++++-----
 src/pages/our_ambassadors.astro     |  9 ++++++++-
 src/pages/podcasts/index.astro      |  2 +-
 3 files changed, 34 insertions(+), 7 deletions(-)

diff --git a/src/components/AmbassadorCard.astro b/src/components/AmbassadorCard.astro
index 888b7aa0..4aaf3c84 100644
--- a/src/components/AmbassadorCard.astro
+++ b/src/components/AmbassadorCard.astro
@@ -4,11 +4,12 @@ export interface Props {
   img: string;
   country: string;
   github: string;
-  linkedin: string;
-  twitter: string;
+  linkedin?: string;
+  twitter?: string;
+  mastodon?: string;
 }
 
-const { name, img, country, github, linkedin, twitter } = Astro.props;
+const { name, img, country, github, linkedin, twitter, mastodon } = Astro.props;
 ---
 
 <div class="feature">
@@ -23,8 +24,27 @@ const { name, img, country, github, linkedin, twitter } = Astro.props;
       <img src={`https://flagicons.lipis.dev/flags/4x3/${country}.svg`} class="ambassador" width="15" height="15" />
       <br />
       <a href={`https://github.com/${github}`} target="_blank"><i class="fa fa-github fa-lg fa-lg"></i></a>
-      <a href={`https://linkedin.com/in/${linkedin}`} target="_blank"><i class="fa fa-linkedin fa-lg fa-lg"></i></a>
-      <a href={`https://twitter.com/${twitter}`} target="_blank"><i class="fa fa-twitter fa-lg fa-lg"></i></a>
+      {
+        linkedin && (
+          <a href={`https://linkedin.com/in/${linkedin}`} target="_blank">
+            <i class="fa fa-linkedin fa-lg fa-lg" />
+          </a>
+        )
+      }
+      {
+        twitter && (
+          <a href={`https://twitter.com/${twitter}`} target="_blank">
+            <i class="fa fa-twitter fa-lg fa-lg" />
+          </a>
+        )
+      }
+      {
+        mastodon && (
+          <a href={mastodon} target="_blank">
+            <i class="fa fa-rss fa-lg fa-lg" />
+          </a>
+        )
+      }
       <br />
     </p>
   </div>
diff --git a/src/pages/our_ambassadors.astro b/src/pages/our_ambassadors.astro
index 56106a4d..953d00d2 100644
--- a/src/pages/our_ambassadors.astro
+++ b/src/pages/our_ambassadors.astro
@@ -171,7 +171,14 @@ import AmbassadorCard from "@components/AmbassadorCard.astro";
         > member of <a href="https://nf-co.re/" target="_blank">nf-core</a>.
       </AmbassadorCard>
 
-      <AmbassadorCard name="Friederike Hanssen" img="friederikehanssen.png" country="de" twitter="RikeHanssen">
+      <AmbassadorCard
+        name="Friederike Hanssen"
+        img="friederikehanssen.png"
+        country="de"
+        github="FriederikeHanssen"
+        linkedin="friederike-hanssen"
+        twitter="RikeHanssen"
+      >
         Friederike Hanssen...
       </AmbassadorCard>
 
diff --git a/src/pages/podcasts/index.astro b/src/pages/podcasts/index.astro
index 1e0ced92..ff2e4be6 100644
--- a/src/pages/podcasts/index.astro
+++ b/src/pages/podcasts/index.astro
@@ -39,7 +39,7 @@ const dateString = (d: Date) => {
 
                 <div class="timeline-info hidden-xs">
                   <img src="/img/coming-soon.png" class="blg-author future-show" alt="Coming soon" />
-                  <img src={`/img/${post.data.icon}`} class="blg-author future-hide" alt={post.author} />
+                  <img src={`/img/${post.data.icon}`} class="blg-author future-hide" alt={post.data.author} />
                 </div>
                 <ul class="text-muted list-inline blg-header">
                   <li>