diff --git a/src/app/meet/[meetingId]/ParticipantHeader.tsx b/src/app/meet/[meetingId]/ParticipantHeader.tsx index cba04bc..3e16ec6 100644 --- a/src/app/meet/[meetingId]/ParticipantHeader.tsx +++ b/src/app/meet/[meetingId]/ParticipantHeader.tsx @@ -1,10 +1,8 @@ 'use client'; -import { useRouter } from 'next/navigation'; - import { useDisclosure } from '@/shared/hooks/useDisclosure'; import LinkShareBottomSheet from '@/shared/ui/bottom-sheet/LinkShareBottomSheet'; -import { Menu } from '@/shared/ui/menu'; +import RegisterSequenceBottomSheet from '@/shared/ui/bottom-sheet/RegisterSequenceBottomSheet'; import { TopBar } from '@/shared/ui/top-bar'; interface ParticipantHeaderProps { @@ -18,7 +16,6 @@ export default function ParticipantHeader({ url, className, }: ParticipantHeaderProps) { - const router = useRouter(); const { isOpen: isShareOpen, open: openShare, @@ -26,9 +23,9 @@ export default function ParticipantHeader({ } = useDisclosure(); const { - isOpen: isMenuOpen, - open: openMenu, - close: closeMenu, + isOpen: isRegisterOpen, + open: openRegister, + close: closeRegister, } = useDisclosure(); return ( @@ -36,15 +33,11 @@ export default function ParticipantHeader({
- - - router.push('/')}>모임 생성하기 -
+ + ); } diff --git a/src/shared/assets/icons/IcCalendarAdd.tsx b/src/shared/assets/icons/IcCalendarAdd.tsx new file mode 100644 index 0000000..b847c24 --- /dev/null +++ b/src/shared/assets/icons/IcCalendarAdd.tsx @@ -0,0 +1,37 @@ +import type { HTMLAttributes } from 'react'; + +export default function IcCalendarAdd(props: HTMLAttributes) { + return ( +
+
+
+ + + +
+
+
+ ); +} diff --git a/src/shared/assets/icons/index.ts b/src/shared/assets/icons/index.ts index 324e97a..591a80b 100644 --- a/src/shared/assets/icons/index.ts +++ b/src/shared/assets/icons/index.ts @@ -2,6 +2,7 @@ import ArrowDown from './ArrowDown'; import ArrowNext from './ArrowNext'; import ArrowPrev from './ArrowPrev'; import ArrowUp from './ArrowUp'; +import IcCalendarAdd from './IcCalendarAdd'; import IcCheckboxChecked from './IcCheckboxChecked'; import IcCheckboxDefault from './IcCheckboxDefault'; import IcCircleCheckFilled from './IcCircleCheckFilled'; @@ -22,6 +23,7 @@ export const icons = { arrow_next: ArrowNext, arrow_prev: ArrowPrev, arrow_up: ArrowUp, + ic_calendar_add: IcCalendarAdd, ic_circle_check_filled: IcCircleCheckFilled, ic_circle_check_outline: IcCircleCheckOutline, ic_circle_x_filled: IcCircleXFilled, diff --git a/src/shared/ui/bottom-sheet/RegisterSequenceBottomSheet.tsx b/src/shared/ui/bottom-sheet/RegisterSequenceBottomSheet.tsx new file mode 100644 index 0000000..6dc50ba --- /dev/null +++ b/src/shared/ui/bottom-sheet/RegisterSequenceBottomSheet.tsx @@ -0,0 +1,52 @@ +'use client'; + +import { useRouter } from 'next/navigation'; + +import BottomSheet from '@/shared/ui/bottom-sheet/BottomSheet'; +import Button from '@/shared/ui/button/Button'; + +interface RegisterSequenceBottomSheetProps { + isOpen: boolean; + onClose: () => void; +} + +export default function RegisterSequenceBottomSheet({ + isOpen, + onClose, +}: RegisterSequenceBottomSheetProps) { + const router = useRouter(); + + const handleCreateNewLink = () => { + router.push('/'); + }; + + return ( + +
+

+ 새로운 투표 링크를 만드시겠어요? +

+

+ 다른 모임 투표 링크가 생성돼요 +

+ +
+ + +
+
+
+ ); +}