Merge pull request #1387 from 42organization/fix/1386-bug-배포-시-동적-라우팅…

…-문제-해결 [Fix] 동적 라우팅을 쿼리스트링으로 수정
42organization · Apr 15, 2024 · ad48e01 · ad48e01
2 parents 748502f + 107f4d0
commit ad48e01
Show file tree

Hide file tree

Showing 7 changed files with 9 additions and 9 deletions.
diff --git a/components/modal/recruitment/ApplyEditModal.tsx b/components/modal/recruitment/ApplyEditModal.tsx
@@ -40,7 +40,7 @@ function ApplyEditModal(props: IApplyEditModalProps) {
           severity: mode === 'APPLY' ? 'success' : 'info',
         });
         resetModalState();
-        router.push(`/recruit/${recruitId}`);
+        router.push(`/recruit/detail?recruitId=${recruitId}`);
       },
       onError: () =>
         setAlertState({

diff --git a/components/recruit/Main/MyApplicationInfo.tsx b/components/recruit/Main/MyApplicationInfo.tsx
@@ -17,7 +17,7 @@ const MyApplicationInfo = ({
   const onCheck = () => {
     if (!applicationId) return;
     router.push(
-      `/recruit/${recruitId}/my-application?applicationId=${applicationId}`
+      `/recruit/my-application?recruitId=${recruitId}&applicationId=${applicationId}`
     );
   };
 

diff --git a/components/recruit/Main/MyRecruitment.tsx b/components/recruit/Main/MyRecruitment.tsx
@@ -10,7 +10,7 @@ import textStyle from 'styles/recruit/text.module.scss';
 const MyRecruitment = ({ applicationId }: { applicationId?: number }) => {
   const router = useRouter();
   const { data } = useGetRecruitResult(
-    router.query.id as string,
+    router.query.recruitId as string,
     applicationId
   );
   const { status, interviewDate } = data || {}; // TODO : 에러가 난 경우 적절한 처리 필요함.
@@ -21,7 +21,7 @@ const MyRecruitment = ({ applicationId }: { applicationId?: number }) => {
         <CollapseListItem title={'지원서 정보'}>
           <MyApplicationInfo
             status={status}
-            recruitId={router.query.id as string}
+            recruitId={router.query.recruitId as string}
             applicationId={applicationId}
           />
         </CollapseListItem>

diff --git a/components/recruit/RecruitList/RecruitListItem.tsx b/components/recruit/RecruitList/RecruitListItem.tsx
@@ -8,7 +8,7 @@ const RecruitListItem = ({ recruit }: { recruit: recruitment }) => {
   const router = useRouter();
   return (
     <ListItemButton
-      onClick={() => router.push(`/recruit/${recruit.id}`)}
+      onClick={() => router.push(`/recruit/detail/?recruitId=${recruit.id}`)}
       className={styles.listItem}
     >
       <ListItemText

diff --git a/pages/recruit/[id]/apply.tsx → pages/recruit/apply.tsx b/pages/recruit/[id]/apply.tsx → pages/recruit/apply.tsx
@@ -9,7 +9,7 @@ import useRecruitDetail from 'hooks/recruit/useRecruitDetail';
 
 function Apply() {
   const router = useRouter();
-  const recruitId = parseInt(router.query.id as string);
+  const recruitId = parseInt(router.query.recruitId as string);
   const setAlertState = useSetRecoilState(applicationAlertState);
 
   const { data, isLoading } = useRecruitDetail(recruitId);

diff --git a/pages/recruit/[id]/index.tsx → pages/recruit/detail.tsx b/pages/recruit/[id]/index.tsx → pages/recruit/detail.tsx
@@ -9,12 +9,12 @@ import 'react-quill/dist/quill.bubble.css';
 
 function Recruit() {
   const router = useRouter();
-  const recruitId = parseInt(router.query.id as string);
+  const recruitId = parseInt(router.query.recruitId as string);
 
   const { data, isLoading } = useRecruitDetail(recruitId);
 
   const onApply = () => {
-    router.push(`/recruit/${recruitId}/apply`);
+    router.push(`/recruit/apply?recruitId=${recruitId}`);
   };
 
   // TODO : 구체화 필요함.

diff --git a/pages/recruit/[id]/my-application.tsx → pages/recruit/my-application.tsx b/pages/recruit/[id]/my-application.tsx → pages/recruit/my-application.tsx
@@ -12,7 +12,7 @@ import useRecruitDetailUser from 'hooks/recruit/useRecruitDetailUser';
 
 function MyApplication() {
   const router = useRouter();
-  const recruitId = parseInt(router.query.id as string);
+  const recruitId = parseInt(router.query.recruitId as string);
   const applicationId = parseInt(router.query.applicationId as string);
   const setAlertState = useSetRecoilState(applicationAlertState);
   const [mode, setMode] = useState<ApplicationFormType>('VIEW');