fix : 북마크 상세보기 오류 해결

prgrms-web-devcourse-final-project · Jan 20, 2025 · 78b6d81 · 78b6d81
1 parent 5918b36
commit 78b6d81
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 1 deletion.
diff --git a/src/components/LetterDetailPage/LetterDetailContainer/LetterDetailContainer.tsx b/src/components/LetterDetailPage/LetterDetailContainer/LetterDetailContainer.tsx
@@ -36,6 +36,10 @@ export const LetterDetailContainer = () => {
             return <MapArchivedSentDetailLetter letterId={letterId} />;
         }
 
+        if (letterId) {
+            return <MapBookmarkDetailLetter letterId={letterId} />;
+        }
+
         if (replyLetterId) {
             return (
                 <MapArchivedSentReplyDetailLetter
@@ -208,6 +212,38 @@ const MapDetailLetter = ({ letterId, lat, lot }: MapDetailLetterProps) => {
                 <LetterLayout.Title />
                 <LetterLayout.Content />
                 <LetterLayout.LetterHint />
+                <LetterLayout.MapBookmarkReplyButton />
+            </LetterLayout>
+        </ThemeWrapper>
+    );
+};
+
+type MapBookmarkDetailLetterProps = {
+    letterId: string;
+};
+const MapBookmarkDetailLetter = ({
+    letterId
+}: MapBookmarkDetailLetterProps) => {
+    const { data } = useGetArchivedLetter({
+        letterId: letterId
+    });
+
+    if (!data) {
+        return (
+            <ThemeWrapper themeId={1}>
+                <div>데이터가 존재하지 않습니다.</div>
+            </ThemeWrapper>
+        );
+    }
+
+    return (
+        <ThemeWrapper themeId={Number(data.paper)}>
+            <LetterLayout letterData={data}>
+                <LetterLayout.Header />
+                <LetterLayout.Title />
+                <LetterLayout.Content />
+                <LetterLayout.LetterHint />
+                <LetterLayout.MapBookmarkReplyButton />
             </LetterLayout>
         </ThemeWrapper>
     );

diff --git a/src/components/StoragePage/LetterListItem.tsx b/src/components/StoragePage/LetterListItem.tsx
@@ -41,7 +41,7 @@ export const LetterListItem = ({
             case 'map':
                 return `/letter/map/${filterType}/${letter.letterId}`;
             case 'bookmark':
-                return `/letter/map/${filterType}/bookmark/${letter.letterId}`;
+                return `/letter/map/bookmark/${letter.letterId}`;
             default:
                 throw new Error(
                     `Unsupported letter type: ${selectedLetterType}`