From 78b6d8121642ff8ae56c1c94f11c35da22156ebc Mon Sep 17 00:00:00 2001
From: jaja <dkwjdals35@gmail.com>
Date: Mon, 20 Jan 2025 19:07:56 +0900
Subject: [PATCH] =?UTF-8?q?fix=20:=20=EB=B6=81=EB=A7=88=ED=81=AC=20?=
 =?UTF-8?q?=EC=83=81=EC=84=B8=EB=B3=B4=EA=B8=B0=20=EC=98=A4=EB=A5=98=20?=
 =?UTF-8?q?=ED=95=B4=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../LetterDetailContainer.tsx                 | 36 +++++++++++++++++++
 src/components/StoragePage/LetterListItem.tsx |  2 +-
 2 files changed, 37 insertions(+), 1 deletion(-)

diff --git a/src/components/LetterDetailPage/LetterDetailContainer/LetterDetailContainer.tsx b/src/components/LetterDetailPage/LetterDetailContainer/LetterDetailContainer.tsx
index 4f198d8..0f85de0 100644
--- 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
index 0b25150..af83586 100644
--- 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}`