Fix: FeedHeader부분 유저 데이터 없는경우 처리 #65

puppypawpaw · Oct 23, 2023 · 52d59d4 · 52d59d4
1 parent 58f2e6c
commit 52d59d4
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/components/pages/main/Feed/FeedHeader/Upload.tsx b/components/pages/main/Feed/FeedHeader/Upload.tsx
@@ -14,8 +14,8 @@ export default function Upload({
   userImage,
   nickname,
 }: {
-  userImage: string | undefined;
-  nickname: string | undefined;
+  userImage: string;
+  nickname: string;
 }) {
   const [postText, setPostText] = useState('');
   const { mutate: postBoard, isLoading, isSuccess } = usePostBoard(postText);

diff --git a/components/pages/main/Feed/FeedHeader/index.tsx b/components/pages/main/Feed/FeedHeader/index.tsx
@@ -5,21 +5,22 @@ import Upload from './Upload';
 
 export default function FeedHeader() {
   const { data } = useGetUserInfo();
+  if (!data) return <div>로그인하세요</div>;
   return (
     <FlexBox
       direction="column"
       align="start"
       justify="between"
       className="w-full gap-5 "
     >
-      <Title nickname={data?.nickname} />
+      <Title nickname={data.nickname} />
       <FlexBox
         direction="column"
         align="start"
         justify="between"
         className="w-full gap-4"
       >
-        <Upload userImage={data?.imageUrl} nickname={data?.nickname} />
+        <Upload userImage={data.imageUrl} nickname={data.nickname} />
       </FlexBox>
     </FlexBox>
   );

diff --git a/components/ui/Avatar/index.tsx b/components/ui/Avatar/index.tsx
@@ -1,7 +1,7 @@
 import Image from 'next/image';
 
 interface AvatarType {
-  image: string | undefined;
+  image: string;
   name: string;
   size?: 'small' | 'base' | 'large' | 'xl' | 'xxl';
 }