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 = () => { ))} - {/* 팀 문서 컴포넌트 */} - - {teamDocuments.map((document, index) => ( - - ))} - - - {/* 페이지네이션 */} - - - + {teamDocuments.length === 0 ? ( + + 생성된 팀 문서가 없어요 + + ) : ( + <> + {/* 팀 문서 컴포넌트 */} + + {teamDocuments.map((document, index) => ( + + ))} + + + {/* 페이지네이션 */} + + + + + )} {/* 사이드 페이지를 위한 중첩 라우팅 */} 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; +`;