diff --git a/src/_app/pages/CapsuleDetailPage/CapsuleStatusSwitcher/DiggedScreen/index.tsx b/src/_app/pages/CapsuleDetailPage/CapsuleStatusSwitcher/DiggedScreen/index.tsx index 43d0a3a..997ca1c 100644 --- a/src/_app/pages/CapsuleDetailPage/CapsuleStatusSwitcher/DiggedScreen/index.tsx +++ b/src/_app/pages/CapsuleDetailPage/CapsuleStatusSwitcher/DiggedScreen/index.tsx @@ -1,28 +1,26 @@ +import IconMap from "@/assets/icons/map-icon.svg?react"; import AfterIcon from "@/assets/images/afterIcon.png"; import CapsuleIcons from "@/assets/images/capsuleIcons.png"; import DateIcons from "@/assets/images/dateIcons.png"; -import ExportIcon from "@/assets/images/exportIcon.png"; -import openMapIcon from "@/assets/images/openMapIcon.png"; import CustomButtons from "@/components/CustomButtons"; import CircleProgress from "@/components/Progress/CircleProgress"; import { DiggedCapsule } from "@/types/server"; import { formatTimestampToDate, parseGoalTime } from "@/assets/ts/common.ts"; import { MapBottomSheet } from "@/components/BottomSheet"; +import CapsuleNameHeader from "@/components/CapsuleNameHeader"; import { useInterval } from "@/hooks/useInterval"; import { queryKeys } from "@/queries/Capsule/useCapsuleService"; import { isUndefined } from "@/utils"; import { useQueryClient } from "@tanstack/react-query"; import { useEffect, useMemo, useState } from "react"; -import { useNavigate, useParams } from "react-router"; +import { useParams } from "react-router"; interface Props { capsule: DiggedCapsule; } const DiggedScreen = ({ capsule }: Props) => { - const navigate = useNavigate(); - const [percent, setPercent] = useState(0); const { code } = useParams(); @@ -58,9 +56,6 @@ const DiggedScreen = ({ capsule }: Props) => { const [isMapShown, setIsMapShown] = useState(false); const onClickOpenMap = () => setIsMapShown(true); - const goSharePage = () => - navigate(`/capsule/${encodeURIComponent(capsuleCode)}/share`); - useEffect(() => { calculatePercent(capsule); }, []); @@ -71,18 +66,13 @@ const DiggedScreen = ({ capsule }: Props) => { return ( <> + + } + />
-
-
{capsule.title}
- - -
-
@@ -135,12 +125,8 @@ const DiggedScreen = ({ capsule }: Props) => {
-
- -
+ + {isMapShown && ( {
- 현재까지 + 현재까지{" "} {capsule.messageCount}개 diff --git a/src/assets/images/exportIcon.png b/src/assets/images/exportIcon.png deleted file mode 100644 index 7cde25a..0000000 Binary files a/src/assets/images/exportIcon.png and /dev/null differ diff --git a/src/assets/images/openMapIcon.png b/src/assets/images/openMapIcon.png deleted file mode 100644 index bd29a34..0000000 Binary files a/src/assets/images/openMapIcon.png and /dev/null differ diff --git a/src/assets/images/undiggedImage1.png b/src/assets/images/undiggedImage1.png index e38e9bc..026104b 100644 Binary files a/src/assets/images/undiggedImage1.png and b/src/assets/images/undiggedImage1.png differ diff --git a/src/assets/images/undiggedImage2.png b/src/assets/images/undiggedImage2.png index 4feacfc..1d4e953 100644 Binary files a/src/assets/images/undiggedImage2.png and b/src/assets/images/undiggedImage2.png differ diff --git a/src/assets/images/undiggedImage3.png b/src/assets/images/undiggedImage3.png index b4fbbad..6b91d8e 100644 Binary files a/src/assets/images/undiggedImage3.png and b/src/assets/images/undiggedImage3.png differ diff --git a/src/assets/images/undiggedImage4.png b/src/assets/images/undiggedImage4.png index ccaf4dc..ff36c02 100644 Binary files a/src/assets/images/undiggedImage4.png and b/src/assets/images/undiggedImage4.png differ diff --git a/src/assets/images/undiggedImage5.png b/src/assets/images/undiggedImage5.png index 3a2c097..8d8ad1b 100644 Binary files a/src/assets/images/undiggedImage5.png and b/src/assets/images/undiggedImage5.png differ