Fix ambassador typing

nextflow-io · Mar 10, 2024 · f9c41b6 · f9c41b6
1 parent 1a24ca6
commit f9c41b6
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 7 deletions.
diff --git 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
@@ -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
@@ -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>