fix: api 호출 오류 업데이트

Author: nirii00

src/pages/Landing/index.tsx

@@ -2,7 +2,7 @@ import { useState, useEffect } from 'react';
 import { Navigate, useNavigate } from 'react-router';
 import { twMerge } from 'tailwind-merge';
 
-import LandingImg from '@/assets/images/landing.png';
+import LandingImg from '@/assets/images/landing.webp';
 import LandingImgDark from '@/assets/images/landing-dark.webp';
 import useAuthStore from '@/stores/authStore';
 import useThemeStore from '@/stores/themeStore';

src/pages/LetterBoard/index.tsx

@@ -92,10 +92,12 @@ const LetterBoardPage = () => {
               })}
             </section>
           ) : (
-            <p className="body-m text-gray-60 mt-10 text-center">게시글이 없습니다.</p>
+            <p className="body-m text-gray-60 mt-10 text-center dark:text-white">
+              게시글이 없습니다.
+            </p>
           )
         ) : (
-          <p className="body-m text-gray-60 mt-10 text-center">
+          <p className="body-m text-gray-60 mt-10 text-center dark:text-white">
             오류가 발생했습니다. 다시 한 번 시도해주세요
           </p>
         )}

src/pages/LetterBoardDetail/components/Header.tsx

@@ -25,7 +25,6 @@ const Header = ({
   onToggleLike,
   onOpenReportModal,
   onDeleteLetter,
-  isShareLetterPreview = false,
 }: HeaderProps) => {
   const navigate = useNavigate();
   return (
@@ -34,27 +33,25 @@ const Header = ({
         <button onClick={() => navigate(-1)}>
           <ArrowLeftIcon className="text-primary-1 h-6 w-6" />
         </button>
-        {!isShareLetterPreview && (
-          <div className="flex items-center gap-3">
-            <div className="flex items-center gap-1">
-              <button type="button" onClick={onToggleLike}>
-                {isLike ? (
-                  <LikeFilledIcon className="text-primary-1 h-6 w-6" />
-                ) : (
-                  <LikeOutlinedIcon className="text-primary-1 h-6 w-6" />
-                )}
-              </button>
-              <p className="body-l-m text-primary-1">{likeCount}</p>
-            </div>
-            {isWriter ? (
-              <DeleteIcon className="text-primary-1 h-6 w-6" onClick={onDeleteLetter} />
-            ) : (
-              <button type="button" onClick={onOpenReportModal}>
-                <SirenOutlinedIcon className="text-primary-1 h-6 w-6" />
-              </button>
-            )}
+        <div className="flex items-center gap-3">
+          <div className="flex items-center gap-1">
+            <button type="button" onClick={onToggleLike}>
+              {isLike ? (
+                <LikeFilledIcon className="text-primary-1 h-6 w-6" />
+              ) : (
+                <LikeOutlinedIcon className="text-primary-1 h-6 w-6" />
+              )}
+            </button>
+            <p className="body-l-m text-primary-1">{likeCount}</p>
           </div>
-        )}
+          {isWriter ? (
+            <DeleteIcon className="text-primary-1 h-6 w-6" onClick={onDeleteLetter} />
+          ) : (
+            <button type="button" onClick={onOpenReportModal}>
+              <SirenOutlinedIcon className="text-primary-1 h-6 w-6" />
+            </button>
+          )}
+        </div>
       </div>
       <div className="h-4 w-full bg-gradient-to-b from-white to-white/0" />
     </header>

src/pages/LetterBoardDetail/index.tsx

@@ -73,6 +73,9 @@ const LetterBoardDetailPage = () => {
       try {
         const data = await getSharePostDetail(postId);
         setPostDetail(data);
+        if (myZipCode === data.zipCode || !data.zipCode) {
+          setIsWriter(true);
+        }
       } catch (error) {
         console.error('❌ 공유 게시글 상세 조회에 실패했습니다.', error);
       }
@@ -85,13 +88,6 @@ const LetterBoardDetailPage = () => {
         console.log('✅ 편지 좋아요 갯수:', response);
         setLikeCount(response.likeCount);
         setIsLike(response.liked);
-        console.log('myZip', myZipCode);
-        console.log('responseZip', response.zipCode);
-        console.log('responseZip', response);
-
-        if (myZipCode === response.zipCode || !response.zipCode) {
-          setIsWriter(true);
-        }
       } catch (error) {
         console.error('❌ 편지 좋아요 갯수를 가져오는 중 에러가 발생했습니다', error);
         throw new Error('편지 좋아요 갯수 가져오기 실패');

src/pages/LetterBoxDetail/index.tsx

@@ -68,7 +68,11 @@ const LetterBoxDetailPage = () => {
   }, [inView, hasNextPage, isFetchingNextPage, fetchNextPage]);
 
   const disconnectMutation = useMutation({
-    mutationFn: async () => await postMailboxDisconnect(userInfo.oppositeId),
+    mutationFn: async () => {
+      console.log('userInfo', userInfo, userInfo.id);
+      const response = await postMailboxDisconnect(userInfo.id);
+      if (!response) throw new Error(`no response`);
+    },
     onSuccess: () => {
       navigate(-1);
       setToastActive({