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({
-
-
+
+
>
);
}
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 (
+
+
+
+ 새로운 투표 링크를 만드시겠어요?
+
+
+ 다른 모임 투표 링크가 생성돼요
+
+
+
+
+
+
+
+
+ );
+}