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

Author: jiyeeeah

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);

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>
   );

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';
 }