From a6c95f40463bb1724d16e95342d149824a1b1187 Mon Sep 17 00:00:00 2001
From: Szymon Kin <68154191+hoolek77@users.noreply.github.com>
Date: Sat, 3 Dec 2022 18:49:46 +0100
Subject: [PATCH] Fix work timeline item tag missing links (#108)

---
 .../organisms/work-timeline-item.astro        | 20 +++++++++++++------
 src/types/icon.ts                             |  4 ++--
 2 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/src/components/organisms/work-timeline-item.astro b/src/components/organisms/work-timeline-item.astro
index c64d8cd..f5acf4a 100644
--- a/src/components/organisms/work-timeline-item.astro
+++ b/src/components/organisms/work-timeline-item.astro
@@ -46,13 +46,21 @@ const WorkTimelineItem = 'div';
       )
     }
   </ul>
-  <div class:list={['flex', 'gap-3', 'flex-wrap', 'sm:flex-nowrap', 'mt-3']}>
+  <div class:list={['flex', 'gap-3', 'flex-wrap', 'mt-3']}>
     {
-      job.tags.map((t) => (
-        <Tag name={t.icon} color={t.iconColor}>
-          {t.name}
-        </Tag>
-      ))
+      job.tags.map(({ icon, iconColor, name, url }) => {
+        return url ? (
+          <a href={url} target="_blank" rel="noopener noreferrer">
+            <Tag name={icon} color={iconColor}>
+              {name}
+            </Tag>
+          </a>
+        ) : (
+          <Tag name={icon} color={iconColor}>
+            {name}
+          </Tag>
+        );
+      })
     }
   </div>
 </WorkTimelineItem>
diff --git a/src/types/icon.ts b/src/types/icon.ts
index 5ab2d0e..3ecaafa 100644
--- a/src/types/icon.ts
+++ b/src/types/icon.ts
@@ -1,3 +1,3 @@
-import type { CircleFlags, Fa6Brands, Fa6Solid, SimpleIcons } from 'iconify-icon-names';
+import type { CircleFlags, Fa6Brands, Fa6Solid, Logos, SimpleIcons } from 'iconify-icon-names';
 
-export type IconName = Fa6Brands | Fa6Solid | SimpleIcons | CircleFlags;
+export type IconName = Fa6Brands | Fa6Solid | SimpleIcons | CircleFlags | Logos;