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={} /> +
+