From 0bd52157c45fa0d6b95b635eb757ae3a5f9e0fb4 Mon Sep 17 00:00:00 2001
From: Jixun Wu <jixun.moe@gmail.com>
Date: Tue, 5 Sep 2023 02:20:02 +0100
Subject: [PATCH] fix: link to project issue color

---
 src/components/ProjectIssue.tsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/components/ProjectIssue.tsx b/src/components/ProjectIssue.tsx
index e56055a..241c7be 100644
--- a/src/components/ProjectIssue.tsx
+++ b/src/components/ProjectIssue.tsx
@@ -1,3 +1,5 @@
+import { Link } from '@chakra-ui/react';
+
 export interface ProjectIssueProps {
   id: number | string;
   title?: string;
@@ -5,13 +7,9 @@ export interface ProjectIssueProps {
 
 export function ProjectIssue({ id, title }: ProjectIssueProps) {
   return (
-    <a
-      rel="noopener noreferrer nofollow"
-      target="_blank"
-      href={`https://git.unlock-music.dev/um/um-react/issues/${id}`}
-    >
+    <Link isExternal target="_blank" href={`https://git.unlock-music.dev/um/um-react/issues/${id}`}>
       {`#${id}`}
       {title && ` - ${title}`}
-    </a>
+    </Link>
   );
 }