Merge pull request #281 from woowacourse-teams/fix/#279

변수 불일치 버그 수정, 해주세요 만들기 페이지 라우터 연결
woowacourse-teams · Aug 8, 2024 · f701218 · f701218
2 parents 54422f8 + 76f237d
commit f701218
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 5 deletions.
diff --git a/frontend/src/constants/routes.ts b/frontend/src/constants/routes.ts
@@ -25,6 +25,7 @@ const ROUTES = {
   chat: '/chat',
   chattingRoom: '/chatting-room/:moimId',
   please: '/please',
+  addPlease: '/please/creation',
   myPage: '/my-page',
 };
 

diff --git a/frontend/src/pages/MoimCreationPage/MoimCreationPage.tsx b/frontend/src/pages/MoimCreationPage/MoimCreationPage.tsx
@@ -55,6 +55,7 @@ export default function MoimCreationPage() {
               <LabeledInput
                 name={info.name}
                 title={info.title}
+                type={info.type}
                 key={info.title}
                 required={info.required}
                 placeholder={info.placeholder}

diff --git a/frontend/src/pages/PleaseCreationPage/PleaseCreationPage.tsx b/frontend/src/pages/PleaseCreationPage/PleaseCreationPage.tsx
@@ -14,18 +14,18 @@ export default function PleaseCreationPage() {
   const navigate = useNavigate();
   const [isSubmitted, setIsSubmitted] = useState(false);
   const { mutate } = useAddPlease(() => {
-    navigate(-1);
+    navigate(ROUTES.please);
   });
 
   const {
     inputData,
     handleInputChange,
     handleTextAreaChange,
-    isValidMoimInfoInput,
+    isValidPleaseInfoInput,
   } = usePleaseInfoInput();
 
   const handleRegisterButtonClick = async () => {
-    if (!isValidMoimInfoInput) {
+    if (!isValidPleaseInfoInput) {
       return;
     }
     if (isSubmitted) return;
@@ -69,7 +69,7 @@ export default function PleaseCreationPage() {
         <Button
           shape="bar"
           onClick={handleRegisterButtonClick}
-          disabled={!isValidMoimInfoInput}
+          disabled={!isValidPleaseInfoInput}
         >
           등록하기
         </Button>

diff --git a/frontend/src/pages/PleasePage/PleasePage.tsx b/frontend/src/pages/PleasePage/PleasePage.tsx
@@ -20,7 +20,7 @@ export default function PleasePage() {
         </PleaseLayout.Main>
 
         <PleaseLayout.HomeFixedButtonWrapper>
-          <PlusButton onClick={() => navigate(ROUTES.please)} />
+          <PlusButton onClick={() => navigate(ROUTES.addPlease)} />
         </PleaseLayout.HomeFixedButtonWrapper>
       </PleaseLayout>
       <NavigationBarWrapper>

diff --git a/frontend/src/routes/router.tsx b/frontend/src/routes/router.tsx
@@ -12,6 +12,7 @@ import { createBrowserRouter } from 'react-router-dom';
 import PleasePage from '@_pages/PleasePage/PleasePage';
 import MyPage from '@_pages/Mypage/MyPage';
 import RouteChangeTracker from '../RouteChageTracker';
+import PleaseCreationPage from '@_pages/PleaseCreationPage/PleaseCreationPage';
 
 const routesConfig = [
   {
@@ -59,6 +60,11 @@ const routesConfig = [
     element: <PleasePage />,
     requiresAuth: true,
   },
+  {
+    path: ROUTES.addPlease,
+    element: <PleaseCreationPage />,
+    requiresAuth: true,
+  },
   {
     path: ROUTES.myPage,
     element: <MyPage />,