From f83df66bfb037386fe220ca76c8708e0a6ceee3d Mon Sep 17 00:00:00 2001
From: inaemon <github32377@gmail.com>
Date: Wed, 27 Nov 2024 16:39:01 +0900
Subject: [PATCH] =?UTF-8?q?(#72)=20=F0=9F=8E=A8=20design:=20=EB=A3=A8?=
 =?UTF-8?q?=ED=82=A4=20=EC=B1=84=ED=8C=85=20=EC=85=8B=20=EC=BB=B4=ED=8F=AC?=
 =?UTF-8?q?=EB=84=8C=ED=8A=B8=EC=97=90=20=EC=9D=B4=EB=AF=B8=EC=A7=80=20?=
 =?UTF-8?q?=EB=A7=90=ED=92=8D=EC=84=A0=20=ED=83=80=EC=9E=85=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Chatbot/components/RookieChat.tsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/pages/Chatbot/components/RookieChat.tsx b/src/pages/Chatbot/components/RookieChat.tsx
index 84834c1..c8cd82e 100644
--- a/src/pages/Chatbot/components/RookieChat.tsx
+++ b/src/pages/Chatbot/components/RookieChat.tsx
@@ -5,6 +5,7 @@ import RookieMessageWithTail from "./message/RookieMessageWithTail";
 import RookieMessage from "./message/RookieMessage";
 import RookiePreformattedMessageWithTail from "@/src/pages/Chatbot/components/message/custom/RookiePreformattedMessageWithTail";
 import RookiePreformattedMessage from "@/src/pages/Chatbot/components/message/custom/RookiePreformattedMessage";
+import RookieImageMessage from "@/src/pages/Chatbot/components/message/custom/RookieImageMessage";
 
 import { questionCategories } from "@/src/constants/ChatbotData";
 
@@ -52,12 +53,9 @@ const RookieChat = ({initialMessage, initialPreformattedMessage, contentList}: R
                     contentList.map((item, index) => {
                     if (item.type === "image") {
                         return (
-                        <img
-                            key={index}
-                            src={item.content}
-                            alt={`챗봇 이미지 ${index + 1}`}
-                            className="w-[70%] h-auto rounded-md object-cover"
-                        />
+                            <div key={index}>
+                                <RookieImageMessage imgUrl={item.content} />
+                            </div>
                         );
                     
                     // 컴포넌트인 경우: 컴포넌트(item) 그대로 반환