From e6e2c836881b0cbac13e1fed47722676bb76e48f Mon Sep 17 00:00:00 2001
From: sinamong0620 <sinaskim60@gmail.com>
Date: Wed, 25 Sep 2024 19:58:43 +0900
Subject: [PATCH] =?UTF-8?q?#83=20fix:=20=ED=8C=80=20=EB=AC=B8=EC=84=9C=20?=
 =?UTF-8?q?=EC=97=86=EC=9D=84=EC=8B=9C=20=EB=AC=B8=EC=84=9C=20=EC=97=86?=
 =?UTF-8?q?=EB=8B=A4=EA=B3=A0=20=EB=9D=84=EC=9A=B0=EA=B8=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/TeamDocumentBoard.tsx   | 32 ++++++++++++++++++-------------
 src/styles/TeamDocumentStyled.tsx |  6 ++++++
 2 files changed, 25 insertions(+), 13 deletions(-)

diff --git a/src/pages/TeamDocumentBoard.tsx b/src/pages/TeamDocumentBoard.tsx
index a5f1e0c..808c501 100644
--- a/src/pages/TeamDocumentBoard.tsx
+++ b/src/pages/TeamDocumentBoard.tsx
@@ -1,9 +1,7 @@
 import Navbar from '../components/Navbar';
-import Folder from '../components/Folder';
 import Flex from '../components/Flex';
 import * as S from '../styles/TeamDocumentStyled';
 import { useLocation, useNavigate } from 'react-router-dom';
-import folderimg from '../img/folderimg.png';
 import { useEffect, useState } from 'react';
 import addbutton from '../img/addbutton.png';
 import leftarrow from '../img/leftarrow.png';
@@ -116,17 +114,25 @@ const TeamDocumentBoard = () => {
           ))}
         </S.CategoriesContainer>
 
-        {/* 팀 문서 컴포넌트 */}
-        <S.DocumentContainer>
-          {teamDocuments.map((document, index) => (
-            <DocumentCard key={index} document={document} />
-          ))}
-        </S.DocumentContainer>
-
-        {/* 페이지네이션 */}
-        <S.PaginationWrapper>
-          <Pagination count={pageInfo?.totalPages} page={page} onChange={handleChangePage} />
-        </S.PaginationWrapper>
+        {teamDocuments.length === 0 ? (
+          <Flex justifyContent="center" alignItems="center" height={300}>
+            <S.NotExistingDocument>생성된 팀 문서가 없어요</S.NotExistingDocument>
+          </Flex>
+        ) : (
+          <>
+            {/* 팀 문서 컴포넌트 */}
+            <S.DocumentContainer>
+              {teamDocuments.map((document, index) => (
+                <DocumentCard key={index} document={document} />
+              ))}
+            </S.DocumentContainer>
+
+            {/* 페이지네이션 */}
+            <S.PaginationWrapper>
+              <Pagination count={pageInfo?.totalPages} page={page} onChange={handleChangePage} />
+            </S.PaginationWrapper>
+          </>
+        )}
       </S.MainDashBoardContainer>
       <Outlet /> {/* 사이드 페이지를 위한 중첩 라우팅 */}
     </S.MainDashBoardLayout>
diff --git a/src/styles/TeamDocumentStyled.tsx b/src/styles/TeamDocumentStyled.tsx
index 6dadab5..fd26f47 100644
--- a/src/styles/TeamDocumentStyled.tsx
+++ b/src/styles/TeamDocumentStyled.tsx
@@ -172,3 +172,9 @@ export const FileImgWrapper = styled.div`
 export const FolderContainer = styled.div`
   padding: 1.1875rem 2.125rem;
 `;
+
+export const NotExistingDocument = styled.div`
+  font-size: 1.2rem;
+  color: lightgray;
+  font-weight: 600;
+`;