From ce9b133929eb2f0b9c938df4007b82676639829b Mon Sep 17 00:00:00 2001
From: ndu <chijindujulian@gmail.com>
Date: Sun, 25 Aug 2024 08:25:06 +0100
Subject: [PATCH 1/3] chore(fix): add style

---
 research/src/layouts/Layout.astro | 1 +
 research/src/pages/[id].astro     | 9 +++++++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/research/src/layouts/Layout.astro b/research/src/layouts/Layout.astro
index 396c62f..378bfa2 100644
--- a/research/src/layouts/Layout.astro
+++ b/research/src/layouts/Layout.astro
@@ -95,6 +95,7 @@ const _ogImage = new URL(
     a,
     ul,
     li,
+    span,
     button,
     input {
         font-family: 'avenir_book';
diff --git a/research/src/pages/[id].astro b/research/src/pages/[id].astro
index b05a619..d67618e 100644
--- a/research/src/pages/[id].astro
+++ b/research/src/pages/[id].astro
@@ -13,7 +13,10 @@ interface Category {
 interface ArticleData {
     id: string
     title: string
-    authors: { username: string }[]
+    authors: { 
+        username: string, 
+        twitter_username: string | null
+    }[]
     content: string
     views: string
     summary: string
@@ -103,9 +106,11 @@ const formattedDate = formatDate(created_at)
                                     <div class="">
                                         <span>Written by:</span>{' '}
                                     <span class="capitalize">
-                                        {article.data?.authors
+                                        <a href="" class="text-underline">
+                                            {article.data?.authors
                                             .map((author) => author.username)
                                             .join(', ')}
+                                        </a>
                                     </span>
                                     </div>
 

From bf3eb40a57bc0e0f3f6e1615cad74f549a4412fa Mon Sep 17 00:00:00 2001
From: ndu <chijindujulian@gmail.com>
Date: Sun, 25 Aug 2024 08:36:27 +0100
Subject: [PATCH 2/3] chore(fix): edit author name

---
 research/src/pages/[id].astro | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/research/src/pages/[id].astro b/research/src/pages/[id].astro
index d67618e..d88a870 100644
--- a/research/src/pages/[id].astro
+++ b/research/src/pages/[id].astro
@@ -103,15 +103,15 @@ const formattedDate = formatDate(created_at)
 
                             <div class="mb-2 md:flex items-center justify-between">
                                 <div class="transition duration-300 pt-2 hover:text-[#c6ff50] text-[#a2a8ad]">
-                                    <div class="">
+                                    <div class="flex gap-x-2">
                                         <span>Written by:</span>{' '}
-                                    <span class="capitalize">
-                                        <a href="" class="text-underline">
-                                            {article.data?.authors
-                                            .map((author) => author.username)
-                                            .join(', ')}
-                                        </a>
-                                    </span>
+                                        <span class="flex gap-x-2 capitalize">
+                                            {article.data?.authors.map((author) => (
+                                                <a href={`https://twitter.com/${author.twitter_username}`} target="_blank" class="underline underline-offset-2">
+                                                    {author.username}
+                                                </a>
+                                            ))}
+                                        </span>
                                     </div>
 
                                     <div>

From 1748a8d8b58da334500c06567dfe68893fe9055a Mon Sep 17 00:00:00 2001
From: ndu <chijindujulian@gmail.com>
Date: Sun, 25 Aug 2024 08:40:23 +0100
Subject: [PATCH 3/3] chore(fix): edit author section

---
 research/src/pages/[id].astro | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/research/src/pages/[id].astro b/research/src/pages/[id].astro
index d88a870..52b40db 100644
--- a/research/src/pages/[id].astro
+++ b/research/src/pages/[id].astro
@@ -102,12 +102,12 @@ const formattedDate = formatDate(created_at)
                             </div>
 
                             <div class="mb-2 md:flex items-center justify-between">
-                                <div class="transition duration-300 pt-2 hover:text-[#c6ff50] text-[#a2a8ad]">
+                                <div class="pt-2 text-[#a2a8ad]">
                                     <div class="flex gap-x-2">
                                         <span>Written by:</span>{' '}
                                         <span class="flex gap-x-2 capitalize">
                                             {article.data?.authors.map((author) => (
-                                                <a href={`https://twitter.com/${author.twitter_username}`} target="_blank" class="underline underline-offset-2">
+                                                <a href={`https://twitter.com/${author.twitter_username}`} target="_blank" class="underline underline-offset-2 transition duration-300 hover:text-green-900">
                                                     {author.username}
                                                 </a>
                                             ))}