From 2ce0c37edd0719b067bbd8b7875b803ac1fa40c5 Mon Sep 17 00:00:00 2001
From: Harang <dbd02169@naver.com>
Date: Fri, 15 Mar 2024 00:08:47 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20place=20=EC=83=81=EC=84=B8=20=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80=20archive=20=EC=95=84=EC=9D=B4=EC=BD=98=20?=
 =?UTF-8?q?=EB=B2=84=ED=8A=BC=20=EC=B6=94=EA=B0=80=20(#283)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../place/PlaceDetailPage/index.module.scss        |  4 ++++
 src/components/place/PlaceDetailPage/index.tsx     | 14 +++++++++++++-
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/components/place/PlaceDetailPage/index.module.scss b/src/components/place/PlaceDetailPage/index.module.scss
index 080c1667..869b4165 100644
--- a/src/components/place/PlaceDetailPage/index.module.scss
+++ b/src/components/place/PlaceDetailPage/index.module.scss
@@ -70,6 +70,10 @@
       left: 16px;
     }
 
+    &.archiveButtonWrapper {
+      left: calc(100% - 96px);
+    }
+
     &.shareButtonWrapper {
       left: calc(100% - 56px);
 
diff --git a/src/components/place/PlaceDetailPage/index.tsx b/src/components/place/PlaceDetailPage/index.tsx
index 8f1523b4..58cd6e48 100644
--- a/src/components/place/PlaceDetailPage/index.tsx
+++ b/src/components/place/PlaceDetailPage/index.tsx
@@ -18,7 +18,7 @@ import StarRating from '@/components/common/StarRating';
 import useGetSearchPlace from '@/hooks/apis/queries/useGetSearchPlace';
 import useActivityLog from '@/hooks/useActivityLog';
 import useHideOnScroll from '@/hooks/useHideOnScroll';
-import { CloseIcon, ShareIcon } from '@/lib/assets/icons';
+import { ArchiveOutlineIcon, CloseIcon, ShareIcon } from '@/lib/assets/icons';
 import { EventName } from '@/lib/types/event';
 import useToastStore from '@/stores/toast';
 import { bottomToUpVariants } from '@/styles/framerVariants';
@@ -143,6 +143,18 @@ function PlaceDetailPage({ placeId, onClose }: Props) {
             onlyIcon={<CloseIcon />}
           />
         </div>
+        <div
+          className={clsx(styles.headerButtonWrapper, styles.archiveButtonWrapper)}
+        >
+          <Button
+            type="button"
+            color="ghost"
+            size="medium"
+            hasPseudoSelectorStyle={false}
+            disabled
+            onlyIcon={<ArchiveOutlineIcon />}
+          />
+        </div>
         <div
           className={clsx(styles.headerButtonWrapper, styles.shareButtonWrapper)}
         >