Feat: 마일페이지 data없을 경우 #26

Author: jiyeeeah

components/pages/mypage/MyPageMain/BookmarkedBoardsList/index.tsx

@@ -8,14 +8,12 @@ import Link from 'next/link';
 
 export default function BookmarkedBoardsList() {
   const { Observer, data, isLoading } = useGetBookmarkedBoardList();
-
-  // 모달을 위한 상태
-
   if (isLoading) {
     return <MyBoardListLoading />;
   }
-
-  // TODO: 게시물 없을 경우 없다고 띄우기
+  if (!data) {
+    return <div>아직 북마크한 게시물이 없어요ㅠㅠ</div>;
+  }
   return (
     // eslint-disable-next-line react/jsx-no-useless-fragment
     <>
@@ -31,7 +29,7 @@ export default function BookmarkedBoardsList() {
             )),
           )}
         <Observer>
-          <div>로딩스피너...</div>
+          <div>로딩중...</div>
         </Observer>
       </div>
     </>

components/pages/mypage/MyPageMain/MyBoardsList/index.tsx

@@ -8,15 +8,12 @@ import Link from 'next/link';
 
 export default function MyBoardsList() {
   const { Observer, data: myBoards, isLoading } = useGetMyBoardList();
-
-  // 모달을 위한 상태
-
   if (isLoading) {
     return <MyBoardListLoading />;
   }
-
-  // TODO: 게시물 없을 경우 없다고 띄우기
-  // if (myBoards?.pages)
+  if (myBoards?.pages) {
+    return <div>아직 게시물이 없어요ㅠㅠ</div>;
+  }
   return (
     // eslint-disable-next-line react/jsx-no-useless-fragment
     <>
@@ -32,7 +29,7 @@ export default function MyBoardsList() {
             )),
           )}
         <Observer>
-          <div>로딩스피너...</div>
+          <div>로딩중...</div>
         </Observer>
       </div>
     </>

components/pages/mypage/MyPageMain/MyChatRoom/index.tsx

@@ -7,6 +7,9 @@ export default function MyChatRoom() {
   if (isLoading) {
     return <MyChatLoading />;
   }
+  if (!data) {
+    return <div>아직 참여중인 채팅방이 없어요ㅠㅠ</div>;
+  }
   return (
     <div className="grid w-full gap-5 tablet:grid-cols-2 tablet:mt-4 place-items-center">
       {data && data.map((list) => <ImageChatCard {...list} />)}