From e22387117c65267bc90790456ac4490a9c431a00 Mon Sep 17 00:00:00 2001
From: kangfenmao <kangfenmao@qq.com>
Date: Thu, 1 Aug 2024 14:28:18 +0800
Subject: [PATCH] feat: add link component

---
 src/renderer/src/pages/home/components/Link.tsx    | 8 ++++++++
 src/renderer/src/pages/home/components/Message.tsx | 5 +++--
 2 files changed, 11 insertions(+), 2 deletions(-)
 create mode 100644 src/renderer/src/pages/home/components/Link.tsx

diff --git a/src/renderer/src/pages/home/components/Link.tsx b/src/renderer/src/pages/home/components/Link.tsx
new file mode 100644
index 0000000000..1ceeb471d3
--- /dev/null
+++ b/src/renderer/src/pages/home/components/Link.tsx
@@ -0,0 +1,8 @@
+import { omit } from 'lodash'
+import React from 'react'
+
+const Link: React.FC = (props) => {
+  return <a {...omit(props, 'node')} target="_blank" rel="noreferrer" onClick={(e) => e.stopPropagation()} />
+}
+
+export default Link
diff --git a/src/renderer/src/pages/home/components/Message.tsx b/src/renderer/src/pages/home/components/Message.tsx
index 33501d45fe..4a7145a77f 100644
--- a/src/renderer/src/pages/home/components/Message.tsx
+++ b/src/renderer/src/pages/home/components/Message.tsx
@@ -11,6 +11,7 @@ import { getModelLogo } from '@renderer/config/provider'
 import { useAssistant } from '@renderer/hooks/useAssistant'
 import useAvatar from '@renderer/hooks/useAvatar'
 import { useSettings } from '@renderer/hooks/useSettings'
+import { useRuntime } from '@renderer/hooks/useStore'
 import { EVENT_NAMES, EventEmitter } from '@renderer/services/event'
 import { Message } from '@renderer/types'
 import { firstLetter, removeLeadingEmoji } from '@renderer/utils'
@@ -22,7 +23,7 @@ import { useTranslation } from 'react-i18next'
 import Markdown from 'react-markdown'
 import styled from 'styled-components'
 import CodeBlock from './CodeBlock'
-import { useRuntime } from '@renderer/hooks/useStore'
+import Link from './Link'
 
 interface Props {
   message: Message
@@ -136,7 +137,7 @@ const MessageItem: FC<Props> = ({ message, index, showMenu, onDeleteMessage }) =
           </MessageContentLoading>
         )}
         {message.status !== 'sending' && (
-          <Markdown className="markdown" components={{ code: CodeBlock as any }}>
+          <Markdown className="markdown" components={{ code: CodeBlock as any, a: Link as any }}>
             {getMessageContent(message)}
           </Markdown>
         )}