From f0580cf418297ce18c3e507ebd8443eb8e535aa6 Mon Sep 17 00:00:00 2001
From: Choi JunHo <duekzim@gmail.com>
Date: Wed, 13 Nov 2024 18:45:55 +0900
Subject: [PATCH 1/2] refactor: markdown link to new tab

---
 src/hooks/use-preset-button.hooks.ts           |  4 ++--
 src/ui/components/atom/chat-card/chat-card.tsx | 17 ++++++++++++++++-
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/hooks/use-preset-button.hooks.ts b/src/hooks/use-preset-button.hooks.ts
index 8562958..41fd165 100644
--- a/src/hooks/use-preset-button.hooks.ts
+++ b/src/hooks/use-preset-button.hooks.ts
@@ -7,14 +7,14 @@ const usePresetButton = () => {
   const { addMessage, setLoading, updateLastMessage, updateLastReference, updateReferenceDisabled } = useChatStore();
 
   const handleReferenceButtonClick = (references: referenceState[]) => {
-    let content = '💡답변 출처를 알려드릴게요! 링크를 클릭하면 모집요강으로 확인할 수 있어요!\n';
+    let content = '💡답변 출처를 알려드릴게요! 출처 글시를 클릭하면 모집요강으로 확인할 수 있어요!\n';
     // references가 null, undefined, 또는 길이가 0인 경우 체크
     if (!references || references.length === 0) {
       addMessage({ content: '출처 정보가 없습니다.', role: 'system' });
       return;
     }
     references.map((reference, index) => {
-      content += `\n출처${index + 1}번: ${reference.link}\n`;
+      content += `\n[출처 ${index + 1}번](${reference.link})\n`;
     });
     content += '\n📌 **답변을 꼭 확인해주세요!** ';
     addMessage({ content: content, role: 'system' });
diff --git a/src/ui/components/atom/chat-card/chat-card.tsx b/src/ui/components/atom/chat-card/chat-card.tsx
index ed9a5aa..48d0ea4 100644
--- a/src/ui/components/atom/chat-card/chat-card.tsx
+++ b/src/ui/components/atom/chat-card/chat-card.tsx
@@ -26,7 +26,22 @@ const ChatCard = ({ content, role, children }: ChatCardProps) => {
           })}
         >
           <div className="text-md max-w-full font-pretendard font-normal">
-            {content === 'loading' ? <Loader /> : <ReactMarkdown remarkPlugins={[remarkGfm]}>{content}</ReactMarkdown>}
+            {content === 'loading' ? (
+              <Loader />
+            ) : (
+              <ReactMarkdown
+                remarkPlugins={[remarkGfm]}
+                components={{
+                  a: ({ node, ...props }) => (
+                    <a {...props} target="_blank" rel="noopener noreferrer">
+                      {props.children}
+                    </a>
+                  ),
+                }}
+              >
+                {content}
+              </ReactMarkdown>
+            )}
             {children}
           </div>
         </div>

From 61d37391a9a3315a0165403944c37aaa289c6d16 Mon Sep 17 00:00:00 2001
From: Choi JunHo <duekzim@gmail.com>
Date: Wed, 13 Nov 2024 18:56:23 +0900
Subject: [PATCH 2/2] refactor: Corrected typo and text-color

---
 src/hooks/use-preset-button.hooks.ts           | 2 +-
 src/ui/components/atom/chat-card/chat-card.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/hooks/use-preset-button.hooks.ts b/src/hooks/use-preset-button.hooks.ts
index 41fd165..f06be8c 100644
--- a/src/hooks/use-preset-button.hooks.ts
+++ b/src/hooks/use-preset-button.hooks.ts
@@ -7,7 +7,7 @@ const usePresetButton = () => {
   const { addMessage, setLoading, updateLastMessage, updateLastReference, updateReferenceDisabled } = useChatStore();
 
   const handleReferenceButtonClick = (references: referenceState[]) => {
-    let content = '💡답변 출처를 알려드릴게요! 출처 글시를 클릭하면 모집요강으로 확인할 수 있어요!\n';
+    let content = '💡답변 출처를 알려드릴게요! 출처를 클릭하면 모집요강으로 확인할 수 있어요!\n';
     // references가 null, undefined, 또는 길이가 0인 경우 체크
     if (!references || references.length === 0) {
       addMessage({ content: '출처 정보가 없습니다.', role: 'system' });
diff --git a/src/ui/components/atom/chat-card/chat-card.tsx b/src/ui/components/atom/chat-card/chat-card.tsx
index 48d0ea4..5bc70b2 100644
--- a/src/ui/components/atom/chat-card/chat-card.tsx
+++ b/src/ui/components/atom/chat-card/chat-card.tsx
@@ -33,7 +33,7 @@ const ChatCard = ({ content, role, children }: ChatCardProps) => {
                 remarkPlugins={[remarkGfm]}
                 components={{
                   a: ({ node, ...props }) => (
-                    <a {...props} target="_blank" rel="noopener noreferrer">
+                    <a {...props} className="font-pretendard text-blue-600" target="_blank" rel="noopener noreferrer">
                       {props.children}
                     </a>
                   ),