From a14ca92c36f30930faa5eaeefb0512f11f5713bf Mon Sep 17 00:00:00 2001
From: Leo Hui <leohxj@gmail.com>
Date: Wed, 14 May 2025 10:45:34 +0800
Subject: [PATCH] refactor: extract link and image components for Markdown
 rendering (#119)

---
 web/src/components/deer-flow/markdown.tsx | 26 ++++++++++++-----------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/web/src/components/deer-flow/markdown.tsx b/web/src/components/deer-flow/markdown.tsx
index f465ac2..ed53dc1 100644
--- a/web/src/components/deer-flow/markdown.tsx
+++ b/web/src/components/deer-flow/markdown.tsx
@@ -19,6 +19,19 @@ import { cn } from "~/lib/utils";
 import Image from "./image";
 import { Tooltip } from "./tooltip";
 
+const components: ReactMarkdownOptions["components"] = {
+  a: ({ href, children }) => (
+    <a href={href} target="_blank" rel="noopener noreferrer">
+      {children}
+    </a>
+  ),
+  img: ({ src, alt }) => (
+    <a href={src as string} target="_blank" rel="noopener noreferrer">
+      <Image className="rounded" src={src as string} alt={alt ?? ""} />
+    </a>
+  ),
+};
+
 export function Markdown({
   className,
   children,
@@ -49,18 +62,7 @@ export function Markdown({
       <ReactMarkdown
         remarkPlugins={[remarkGfm, remarkMath]}
         rehypePlugins={rehypePlugins}
-        components={{
-          a: ({ href, children }) => (
-            <a href={href} target="_blank" rel="noopener noreferrer">
-              {children}
-            </a>
-          ),
-          img: ({ src, alt }) => (
-            <a href={src as string} target="_blank" rel="noopener noreferrer">
-              <Image className="rounded" src={src as string} alt={alt ?? ""} />
-            </a>
-          ),
-        }}
+        components={components}
         {...props}
       >
         {autoFixMarkdown(