From 4e24904f4e712ae2c81b50f7adccb4f673189a3c Mon Sep 17 00:00:00 2001
From: inaemon <github32377@gmail.com>
Date: Wed, 27 Nov 2024 16:56:10 +0900
Subject: [PATCH] =?UTF-8?q?(#72)=20=F0=9F=8E=A8=20design:=20=EC=B4=88?=
 =?UTF-8?q?=EA=B8=B0=EC=97=90=20=EC=B1=97=EB=B4=87=20=EA=B0=80=EC=9D=B4?=
 =?UTF-8?q?=EB=93=9C=20=EC=9D=B4=EB=AF=B8=EC=A7=80=EB=8F=84=20=EB=9D=84?=
 =?UTF-8?q?=EC=9A=B0=EB=8F=84=EB=A1=9D=20=EC=84=A4=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Chatbot/Chatbot.tsx | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/pages/Chatbot/Chatbot.tsx b/src/pages/Chatbot/Chatbot.tsx
index fc730ae..bf826ef 100644
--- a/src/pages/Chatbot/Chatbot.tsx
+++ b/src/pages/Chatbot/Chatbot.tsx
@@ -13,6 +13,9 @@ import RookieChat from "./components/RookieChat";
 import UserChat from "./components/UserChat";
 import CategoryChat from "./components/CategoryChat";
 
+import RookieImageMessage from "./components/message/custom/RookieImageMessage";
+import chatbotManualIcon from "@/src/assets/webp/chatbot_manual.webp";
+
 const Chatbot = () => {
   // 스타디움 선택 관련
   const [selectedStadium, setSelectedStadium] = useState<string | null>(null);  // 선택한 스타디움 저장
@@ -114,6 +117,21 @@ const Chatbot = () => {
   }, [selectedStadium, selectedCategories, responseGuideDataList]);
 
 
+
+  // 처음에 보여줄 컨텐츠
+  const renderInitialMessage = () => {
+    return (
+      <>
+        {/* 루키 사용 설명서 */}
+        <RookieImageMessage imgUrl={chatbotManualIcon} />
+        
+        {/* 스타디움 선택창 */}
+        <StadiumSelection stadiums={stadiumList} onSelect={handleStadiumSelect} />
+      </>
+    );
+  }
+
+
   return (
     <>
       {/* 1. 헤더바 */}
@@ -142,7 +160,7 @@ const Chatbot = () => {
                   contentList={[
                     {
                       type: "component",
-                      content: <StadiumSelection stadiums={stadiumList} onSelect={handleStadiumSelect} />
+                      content: renderInitialMessage()
                     }
                   ]}
                 />