upload mission modal

src/views/home/missions/Missions.tsx

@@ -1,10 +1,11 @@
 import MissionItem from "./MissionItem";
 import { SecondaryButton } from "../../../components/button/SecondaryButton";
 import { useAppDispatch, useAppSelector } from "../../../redux/hooks";
-import { useEffect } from "react";
+import { useEffect, useState } from "react";
 import { setMenuActivePage } from "../../../redux/slices/store";
 import { useNavigate } from "react-router-dom";
 import { fetchMissions } from "../../../redux/slices/missions";
+import ModalCreate from "./ModalCreate";
 
 
 export interface Mission {
@@ -22,7 +23,7 @@ export interface Mission {
 const Missions = () => {
 
     const dispatch = useAppDispatch();
-    const naivgate = useNavigate();
+    const [modalActive, setModalActive] = useState<boolean>(false);
 
     const missions = useAppSelector((state) => state.missions.missions);
 
@@ -41,8 +42,8 @@ const Missions = () => {
                         Задачи
                     </div>
                     <SecondaryButton 
-                        onClick={() => {naivgate("/upload")}}
-                        text="Создать задачу"
+                        onClick={() => {setModalActive(true)}}
+                        text="Добавить задачу"
                         className="absolute right-0"
                     />
                 </div>
@@ -75,6 +76,8 @@ const Missions = () => {
                     pages
                 </div>
             </div>
+
+            <ModalCreate setActive={setModalActive} active={modalActive} />
         </div>
     );
 };