From 68e6bf451754870f5777cbb4b7eaa000796c37e4 Mon Sep 17 00:00:00 2001
From: Vihang Patil <vihang.patil@gmail.com>
Date: Tue, 8 Aug 2023 14:20:35 +0200
Subject: [PATCH] feat(research): clickable article tags

---
 .../components/article/article-sidebar/ArticleSidebar.tsx    | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/apps/research/src/components/article/article-sidebar/ArticleSidebar.tsx b/apps/research/src/components/article/article-sidebar/ArticleSidebar.tsx
index f9e78c7e..8a974c6f 100644
--- a/apps/research/src/components/article/article-sidebar/ArticleSidebar.tsx
+++ b/apps/research/src/components/article/article-sidebar/ArticleSidebar.tsx
@@ -3,6 +3,7 @@ import * as React from 'react';
 import styles from './styles.module.scss';
 import ArticleAuthor from './ArticleAuthor';
 import { Typography, Tag, Space, Grid } from 'antd';
+import Link from "next/link";
 
 const { Text } = Typography;
 const { useBreakpoint } = Grid;
@@ -32,7 +33,9 @@ const ArticleSidebar: React.FC<ArticleSidebarProps> = ({ authors, tags }) => {
         <Text type="secondary">Related Tags</Text>
         <Space wrap size={[0, 8]}>
           {tags.map((tag) => (
-            <Tag key={tag.title}>{tag.title}</Tag>
+            <Link key={`${tag.title}-link`} href={`/articles?tags=${tag.title}`}>
+              <Tag key={tag.title}>{tag.title}</Tag>
+            </Link>
           ))}
         </Space>
       </div>