upload mission

src/App.tsx

@@ -5,9 +5,11 @@ import { Route, Routes } from "react-router-dom";
 // import { Input } from "./components/input/Input";
 // import { Switch } from "./components/switch/Switch";
 import Home from "./pages/Home";
-import CodeEditor from "./views/problem/codeeditor/CodeEditor";
-import Statement from "./views/problem/statement/Statement";
-import ProblemStatement from "./views/problem/statement/Proble";
+import CodeEditor from "./views/mission/codeeditor/CodeEditor";
+import Statement from "./views/mission/statement/Statement";
+import MissionStatement from "./views/mission/statement/Mission";
+import Mission from "./pages/Mission";
+import UploadMissionForm from "./views/mission/UploadMissionForm";
 
 function App() {
   return (
@@ -15,97 +17,14 @@ function App() {
       <div className="relative w-full max-w-[1600px] h-full ">
         <Routes>
           <Route path="/home/*" element={<Home />} />
+          <Route path="/mission/:missionId" element={<Mission />} />
+          <Route path="/upload" element={<UploadMissionForm/>}/>
           <Route path="/editor" element={<div className="box-border p-[50px] w-full h-[800px] relative bg-red-8001"><CodeEditor /></div>} />
           <Route path="/statement" element={<div className="box-border p-[50px] w-full h-[800px] relative bg-red-8001"><Statement /></div>} />
-          <Route path="*" element={<ProblemStatement />} />
+          <Route path="*" element={<MissionStatement />} />
         </Routes>
 
       </div>
-
-      {/* <Switch
-        className=" fixed top-0 left-0 z-full"
-        variant="theme"
-        color="secondary"
-        onChange={(state: boolean) => {
-          document.documentElement.setAttribute(
-            "data-theme",
-            state ? "dark" : "light"
-          );
-        }}
-      />
-      <div className="">
-        <Input
-          id="first_name"
-          label="Фамилия"
-          variant="bordered"
-          //placeholder="test"
-          radius="sm"
-          className="m-2"
-          required
-          onChange={(state: string) => {
-            console.log(state);
-          }}
-        />
-        <Input
-          variant="flat"
-          id="given_name"
-          label="Имя"
-          //placeholder="test"
-          radius="sm"
-          className="m-2"
-          required
-          onChange={(state: string) => {
-            console.log(state);
-          }}
-        />
-        <Input
-          variant="faded"
-          type="email"
-          label="Почта"
-          radius="sm"
-          className="m-2"
-          required
-          onChange={(state: string) => {
-            console.log(state);
-          }}
-        />
-        
-        <Input
-          labelType="in-fixed"
-          type="password"
-          label="Пароль"
-          radius="sm"
-          className="m-2"
-          required
-          onChange={(state: string) => {
-            console.log(state);
-          }}
-        />
-        <Checkbox onChange={() => { }} label="test" color="default" defaultState={true}/>
-        <Checkbox onChange={() => { }} label="test" color="primary" defaultState={true}/>
-        <Checkbox onChange={() => { }} label="test" color="secondary" defaultState={true}/>
-        <Checkbox onChange={() => { }} label="test" color="success" defaultState={true}/>
-        <Checkbox onChange={() => { }} label="test" color="warning" defaultState={true}/>
-        <Checkbox onChange={() => { }} label="test" color="danger" defaultState={true}/>
-        <Switch onChange={() => { }} color="default" defaultState={true}/>
-        <Switch onChange={() => { }} color="primary" defaultState={true}/>
-        <Switch onChange={() => { }} color="secondary" defaultState={true}/>
-        <Switch onChange={() => { }} color="success" defaultState={true}/>
-        <Switch onChange={() => { }} color="warning" defaultState={true}/>
-        <Switch onChange={() => { }} color="danger" defaultState={true}/>
-
-
-        <div className="grid grid-rows-3 grid-cols-2 grid-flow-col">
-
-          <PrimaryButton onClick={() => { }} text="Button" className="m-5" />
-          <PrimaryButton onClick={() => { }} text="Button" className="m-5" />
-          <PrimaryButton onClick={() => { }} text="Button" disabled className="m-5" />
-          <SecondaryButton onClick={() => { }} text="Button" className="m-5" />
-          <SecondaryButton onClick={() => { }} text="Button" className="m-5" />
-          <SecondaryButton onClick={() => { }} text="Button" disabled className="m-5" />
-        </div>
-      </div>
-      <div className="w-full"></div> */}
     </div>
   );
 }