rename: AssignmentViewer -> MissionView 수정

woowacourse · Aug 12, 2024 · c1c0ce1 · c1c0ce1
1 parent 21d7d74
commit c1c0ce1
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 6 deletions.
diff --git a/frontend/src/App.js b/frontend/src/App.js
@@ -23,7 +23,7 @@ import RecruitmentProvider from "./provider/RecruitmentProvider";
 import TokenProvider from "./provider/TokenProvider";
 import MemberInfoProvider from "./provider/MemberInfoProvider";
 import { ModalProvider } from "./hooks/useModalContext";
-import AssignmentViewer from "./pages/AssignmentViewer/AssignmentViewer";
+import MissionView from "./pages/MissionView/MissionView";
 
 const App = () => {
   return (
@@ -46,7 +46,7 @@ const App = () => {
                     <Route path={PATH.EDIT_PASSWORD} element={<PasswordEdit />} />
                     <Route path={PATH.MY_APPLICATION} element={<MyApplication />} />
                     <Route path={PATH.ASSIGNMENT} element={<AssignmentSubmit />} />
-                    <Route path={PATH.ASSIGNMENT_VIEW} element={<AssignmentViewer />} />
+                    <Route path={PATH.ASSIGNMENT_VIEW} element={<MissionView />} />
                   </Route>
 
                   <Route element={<PrivateRoute />}>

diff --git a/frontend/src/components/MyApplicationItem/MyMissionItem/MyMissionItem.tsx b/frontend/src/components/MyApplicationItem/MyMissionItem/MyMissionItem.tsx
@@ -57,7 +57,13 @@ const MyMissionItem = ({ mission, recruitmentId }: MyMissionItemProps) => {
                     generatePath(PATH.ASSIGNMENT_VIEW, {
                       recruitmentId,
                       missionId: String(mission.id),
-                    })
+                    }),
+                    {
+                      state: {
+                        recruitmentId,
+                        currentMission: mission,
+                      },
+                    }
                   );
                 }}
               >

diff --git a/...ignmentViewer/AssignmentViewer.module.css → .../pages/MissionView/MissionView.module.css b/...ignmentViewer/AssignmentViewer.module.css → .../pages/MissionView/MissionView.module.css
diff --git a/...ges/AssignmentViewer/AssignmentViewer.tsx → ...end/src/pages/MissionView/MissionView.tsx b/...ges/AssignmentViewer/AssignmentViewer.tsx → ...end/src/pages/MissionView/MissionView.tsx
@@ -2,15 +2,15 @@ import { useNavigate, useParams } from "react-router-dom";
 import Button, { BUTTON_VARIANT } from "../../components/@common/Button/Button";
 import Container from "../../components/@common/Container/Container";
 import useTokenContext from "../../hooks/useTokenContext";
-import styles from "./AssignmentViewer.module.css";
+import styles from "./MissionView.module.css";
 import { PATH } from "../../constants/path";
 import { fetchMissionRequirements } from "../../api";
 import { useEffect, useState } from "react";
 import highlighter from "highlight.js";
 import "github-markdown-css/github-markdown-light.css";
 import "highlight.js/styles/github.css";
 
-const AssignmentViewer = () => {
+const MissionView = () => {
   const navigate = useNavigate();
   const { recruitmentId, missionId } = useParams<{ recruitmentId: string; missionId: string }>();
   const [description, setDescription] = useState<string>("");
@@ -75,4 +75,4 @@ const AssignmentViewer = () => {
   );
 };
 
-export default AssignmentViewer;
+export default MissionView;