From e003eba10cedc4defe1dce33554ead1bee1c9d35 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=B2=81=E6=A0=91=E4=BA=BA?= <lu.shuren@um-react.app>
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>
   );
 }