From c6c1c57f3f04d42d1f59154b40f578d1c0f46b3a Mon Sep 17 00:00:00 2001
From: inaemon <github32377@gmail.com>
Date: Wed, 27 Nov 2024 21:35:59 +0900
Subject: [PATCH] =?UTF-8?q?(#72)=20=F0=9F=90=9E=20fix:=20=EB=B0=98?=
 =?UTF-8?q?=EB=B3=B5=20=EB=A0=8C=EB=8D=94=EB=A7=81=EC=8B=9C=20=EA=B3=A0?=
 =?UTF-8?q?=EC=9C=A0=20key=EA=B0=92=EC=9D=84=20=EC=83=81=EC=9C=84=20div=20?=
 =?UTF-8?q?=ED=83=9C=EA=B7=B8=EC=97=90=20=ED=95=A0=EB=8B=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Chatbot/Chatbot.tsx | 66 +++++++++++++++++------------------
 1 file changed, 32 insertions(+), 34 deletions(-)

diff --git a/src/pages/Chatbot/Chatbot.tsx b/src/pages/Chatbot/Chatbot.tsx
index 3fa4c62..dad3f43 100644
--- a/src/pages/Chatbot/Chatbot.tsx
+++ b/src/pages/Chatbot/Chatbot.tsx
@@ -207,40 +207,38 @@ const Chatbot = () => {
 
               {/* 카테고리 선택시 배열에 저장 및 순차 출력 */}
               {selectedStadium && selectedCategories.map((categoryFrontName, index) => (
-                <>
-                  <div key={index}>
-                    <>
-                      {/* 사용자 답변 출력 */}
-                      <UserChat messageList={[categoryFrontName]}/>
-
-                      {/* 선택된 카테고리에 대한 챗봇 응답 출력 */}
-                      <RookieChat 
-                        contentList={[
-                          {
-                            type: "component",
-                            content: <CategoryChat stadiumName={selectedStadium} categoryKey={index} categoryFrontName={categoryFrontName} onResponseUpdate={handleGuideResponseUpdate} />
-                          }
-                        ]}
-                      />
-
-
-                      {/* 서브 카테고리 선택시 순차 출력 */}
-                      {/* Guide API 답변 출력: 해당 카테고리에만 매핑되는 데이터를 필터링하여 출력 */}
-                      {responseGuideDataList
-                        .filter((responseGuideData) => responseGuideData.categoryNumber === index) // 현재 카테고리에 해당하는 데이터만 필터링
-                        .map((responseGuideData, responseIndex) => (
-                          <>
-                            <UserChat messageList={[responseGuideData.categoryName + " ▶︎ " + responseGuideData.subCategoryName]}/>
-
-                            {/* Guide API 답변 출력: 해당 카테고리에만 매핑되는 데이터를 필터링하여 출력 */}
-                            <div key={responseIndex} className="py-2">
-                              {renderGuideAnswerData(responseGuideData)}
-                            </div>
-                          </>
-                      ))}
-                    </>
-                  </div>
-                </>
+                <div key={index}>
+                  <>
+                    {/* 사용자 답변 출력 */}
+                    <UserChat messageList={[categoryFrontName]}/>
+
+                    {/* 선택된 카테고리에 대한 챗봇 응답 출력 */}
+                    <RookieChat 
+                      contentList={[
+                        {
+                          type: "component",
+                          content: <CategoryChat stadiumName={selectedStadium} categoryKey={index} categoryFrontName={categoryFrontName} onResponseUpdate={handleGuideResponseUpdate} />
+                        }
+                      ]}
+                    />
+
+
+                    {/* 서브 카테고리 선택시 순차 출력 */}
+                    {/* Guide API 답변 출력: 해당 카테고리에만 매핑되는 데이터를 필터링하여 출력 */}
+                    {responseGuideDataList
+                      .filter((responseGuideData) => responseGuideData.categoryNumber === index) // 현재 카테고리에 해당하는 데이터만 필터링
+                      .map((responseGuideData, responseIndex) => (
+                        <div key={responseIndex}>
+                          <UserChat messageList={[responseGuideData.categoryName + " ▶︎ " + responseGuideData.subCategoryName]}/>
+
+                          {/* Guide API 답변 출력: 해당 카테고리에만 매핑되는 데이터를 필터링하여 출력 */}
+                          <div className="py-2">
+                            {renderGuideAnswerData(responseGuideData)}
+                          </div>
+                        </div>
+                    ))}
+                  </>
+                </div>
               ))}
 
             </div>