From b04b0cc8a6bc8f9ba8077325adea4dcbc8daae03 Mon Sep 17 00:00:00 2001
From: kangfenmao <kangfenmao@qq.com>
Date: Thu, 1 Aug 2024 15:18:09 +0800
Subject: [PATCH] feat: add markdown footnote

---
 src/renderer/src/i18n/index.ts                              | 6 ++++--
 .../src/pages/home/components/markdown/Markdown.tsx         | 3 ++-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/renderer/src/i18n/index.ts b/src/renderer/src/i18n/index.ts
index a32cb4f1..ad069220 100644
--- a/src/renderer/src/i18n/index.ts
+++ b/src/renderer/src/i18n/index.ts
@@ -25,7 +25,8 @@ const resources = {
         regenerate: 'Regenerate',
         provider: 'Provider',
         you: 'You',
-        save: 'Save'
+        save: 'Save',
+        footnotes: 'Footnotes'
       },
       button: {
         add: 'Add',
@@ -209,7 +210,8 @@ const resources = {
         copy: '复制',
         regenerate: '重新生成',
         provider: '提供商',
-        you: '用户'
+        you: '用户',
+        footnote: '引用内容'
       },
       button: {
         add: '添加',
diff --git a/src/renderer/src/pages/home/components/markdown/Markdown.tsx b/src/renderer/src/pages/home/components/markdown/Markdown.tsx
index 537b4399..970f2ca5 100644
--- a/src/renderer/src/pages/home/components/markdown/Markdown.tsx
+++ b/src/renderer/src/pages/home/components/markdown/Markdown.tsx
@@ -31,12 +31,13 @@ const Markdown: FC<Props> = ({ message }) => {
       <ReactMarkdown
         className="markdown"
         remarkPlugins={[remarkGfm, remarkMath]}
+        remarkRehypeOptions={{ footnoteLabel: t('common.footnote'), footnoteLabelTagName: 'h4' }}
         rehypePlugins={[rehypeKatex]}
         components={{ code: CodeBlock as any, a: Link as any }}>
         {getMessageContent(message)}
       </ReactMarkdown>
     )
-  }, [getMessageContent, message])
+  }, [getMessageContent, message, t])
 }
 
 export default Markdown