From 759407a945f30d61c2a56d4e66e7db3b3876633e Mon Sep 17 00:00:00 2001
From: sinamong0620 <sinaskim60@gmail.com>
Date: Wed, 25 Sep 2024 20:25:46 +0900
Subject: [PATCH] =?UTF-8?q?#83=20feat:=20=EA=B2=80=EC=83=89=EA=B2=B0?=
 =?UTF-8?q?=EA=B3=BC=20=EC=A1=B4=EC=9E=AC=ED=95=98=EC=A7=80=20=EC=95=8A?=
 =?UTF-8?q?=EC=9D=84=EB=95=8C=20=EC=A1=B0=EA=B1=B4=EB=B6=80=20=EB=A0=8C?=
 =?UTF-8?q?=EB=8D=94=EB=A7=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/ChallengeCommunityPage.tsx | 29 ++++++++++++++++++----------
 1 file changed, 19 insertions(+), 10 deletions(-)

diff --git a/src/pages/ChallengeCommunityPage.tsx b/src/pages/ChallengeCommunityPage.tsx
index d4e200a..775c84a 100644
--- a/src/pages/ChallengeCommunityPage.tsx
+++ b/src/pages/ChallengeCommunityPage.tsx
@@ -9,6 +9,7 @@ import ChallengeCard from '../components/ChallengeCard';
 import { Link } from 'react-router-dom';
 import { Challenge, ChallengeCategory, ChallengeResponse } from '../types/ChallengeType';
 import { getSearchChallenge } from '../api/ChallengeApi';
+import { NotExistingDocument } from '../styles/TeamDocumentStyled';
 
 const ChallengeCommunityPage = () => {
   const [count, setCount] = useState<number>(1); // 총 페이지 수
@@ -130,17 +131,25 @@ const ChallengeCommunityPage = () => {
           </S.SearchBar>
         </S.SearchContainer>
 
-        <Flex justifyContent="center">
-          <S.ChallengeContainer>
-            {challenges?.map((challenge, index) => (
-              <ChallengeCard key={index} challenge={challenge} />
-            ))}
-          </S.ChallengeContainer>
-        </Flex>
+        {challenges?.length !== 0 ? (
+          <>
+            <Flex justifyContent="center">
+              <S.ChallengeContainer>
+                {challenges?.map((challenge, index) => (
+                  <ChallengeCard key={index} challenge={challenge} />
+                ))}
+              </S.ChallengeContainer>
+            </Flex>
 
-        <S.PaginationWrapper>
-          <Pagination count={pageInfo?.totalPages} page={page} onChange={handleChangePage} />
-        </S.PaginationWrapper>
+            <S.PaginationWrapper>
+              <Pagination count={pageInfo?.totalPages} page={page} onChange={handleChangePage} />
+            </S.PaginationWrapper>
+          </>
+        ) : (
+          <Flex justifyContent="center" alignItems="center" height={400}>
+            <NotExistingDocument>해당하는 검색결과가 존재하지 않아요</NotExistingDocument>
+          </Flex>
+        )}
       </S.MainDashBoardContainer>
     </S.MainDashBoardLayout>
   );