feat: place 상세 페이지 archive 아이콘 버튼 추가 (#283)

mbti-nf-team · Mar 14, 2024 · 2ce0c37 · 2ce0c37
1 parent b028d3c
commit 2ce0c37
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 1 deletion.
diff --git 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
@@ -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)}
         >