diff --git a/frontend/src/pages/CreateMeetingPage/components/MeetingCreationConfirmModal/index.tsx b/frontend/src/pages/CreateMeetingPage/components/MeetingCreationConfirmModal/index.tsx index f0c3fab58..9d533d0ea 100644 --- a/frontend/src/pages/CreateMeetingPage/components/MeetingCreationConfirmModal/index.tsx +++ b/frontend/src/pages/CreateMeetingPage/components/MeetingCreationConfirmModal/index.tsx @@ -62,7 +62,7 @@ export default function MeetingCreationConfirmModal({

{year}년 {month}월

- {dates.join(', ')} +
{dates.join(', ')}
); })} diff --git a/frontend/src/pages/CreateMeetingPage/index.tsx b/frontend/src/pages/CreateMeetingPage/index.tsx index 397c4a295..1510a6a55 100644 --- a/frontend/src/pages/CreateMeetingPage/index.tsx +++ b/frontend/src/pages/CreateMeetingPage/index.tsx @@ -2,15 +2,21 @@ import MeetingDateTime from '@pages/CreateMeetingPage/components/MeetingDateTime import MeetingHostInfo from '@pages/CreateMeetingPage/components/MeetingHostInfo'; import MeetingName from '@pages/CreateMeetingPage/components/MeetingName'; +import useConfirmModal from '@hooks/useConfirmModal/useConfirmModal'; import useCreateMeeting from '@hooks/useCreateMeeting/useCreateMeeting'; import useFunnel from '@hooks/useFunnel/useFunnel'; import { CREATE_MEETING_STEPS, meetingStepValues } from '@constants/meeting'; +import MeetingCreationConfirmModal from './components/MeetingCreationConfirmModal'; + type Steps = typeof meetingStepValues; export default function CreateMeetingPage() { + const { isConfirmModalOpen, onToggleConfirmModal } = useConfirmModal(); + const [setStep, Funnel] = useFunnel(meetingStepValues, '약속이름'); + const { meetingNameInput, isMeetingNameInvalid, @@ -25,31 +31,44 @@ export default function CreateMeetingPage() { } = useCreateMeeting(); return ( - - - setStep(CREATE_MEETING_STEPS.meetingHostInfo)} - /> - - - setStep(CREATE_MEETING_STEPS.meetingDateTime)} - /> - - - - - + <> + + + setStep(CREATE_MEETING_STEPS.meetingHostInfo)} + /> + + + setStep(CREATE_MEETING_STEPS.meetingDateTime)} + /> + + + + + + + ); }