[🥁 : feat] 타임라인에 글이 없는 경우 텍스트 노출 (#17)

src/components/timeline.tsx

@@ -44,11 +44,13 @@ export default function Timeline() {
       }
     };
   }, []);
-  return (
+  return tweets.length !== 0 ? (
     <S.TimelineWrapper>
       {tweets.map((tweet) => (
         <Tweet key={tweet.id} {...tweet} />
       ))}
     </S.TimelineWrapper>
+  ) : (
+    <S.Text>작성된 글이 없습니다.</S.Text>
   );
 }

src/components/user-timeline.tsx

@@ -9,9 +9,9 @@ import {
   where,
 } from 'firebase/firestore';
 import { auth, db } from '../firebase.ts';
+import ITweet from '../interfaces/ITweet.ts';
 import Tweet from './tweet.tsx';
 import * as S from '../styles/timeline.ts';
-import ITweet from '../interfaces/ITweet.ts';
 
 export default function UserTimeline() {
   const user = auth.currentUser;
@@ -47,11 +47,13 @@ export default function UserTimeline() {
       }
     };
   }, []);
-  return (
+  return tweets.length !== 0 ? (
     <S.TimelineWrapper>
       {tweets.map((tweet) => (
         <Tweet key={tweet.id} {...tweet} />
       ))}
     </S.TimelineWrapper>
+  ) : (
+    <S.Text>작성된 글이 없습니다.</S.Text>
   );
 }