feat: 내비게이션 연결

dnd-side-project · Sep 21, 2024 · a1101ce · a1101ce
1 parent 6a9f421
commit a1101ce
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/src/pages/Meeting.tsx b/src/pages/Meeting.tsx
@@ -1,4 +1,5 @@
 import { useSuspenseQuery } from '@tanstack/react-query';
+import { useNavigate } from 'react-router-dom';
 
 import { queries } from '@/apis';
 import { FixedBottomButton } from '@/components/common/FixedBottomButton';
@@ -8,6 +9,7 @@ import { Icon } from '@/components/common/Icon';
 import { MeetingList } from '@/components/features/MeetingList';
 
 export const Meeting = () => {
+  const navigate = useNavigate();
   const { data } = useSuspenseQuery(queries.member.meetings); // TODO 에러처리
   const isDataEmpty = data.length === 0;
 
@@ -16,9 +18,11 @@ export const Meeting = () => {
       <Header left={<Icon name="jjakkakText" size={{ width: 115, height: 13 }} color="BK" />} />
       <MeetingList title="나의 모임" data={data} />
       {isDataEmpty ? (
-        <FixedBottomButton>모임 일정 생성하기</FixedBottomButton>
+        <FixedBottomButton onClick={() => navigate('/meeting/new')}>
+          모임 일정 생성하기
+        </FixedBottomButton>
       ) : (
-        <FloatingActionButton />
+        <FloatingActionButton onClick={() => navigate('/meeting/new')} />
       )}
     </>
   );

diff --git a/src/pages/NewMeeting.tsx b/src/pages/NewMeeting.tsx
@@ -41,9 +41,7 @@ export const NewMeeting = () => {
               dispatch({ type: 'categoryIds', payload: { ...formData, categoryIds } });
             },
           }}
-          onPrev={() => {
-            /* TODO navigate */
-          }}
+          onPrev={() => navigate(-1)}
           onNext={() => setStep('모임이름')}
         />
       </Funnel.Step>