reset and confirm modals

src/pages/TrackerAuth/TrackerAuth.js

@@ -1,9 +1,11 @@
-import React from "react";
+import React, {useState} from "react";
 
 import AuthBlock from "@components/AuthBlock/AuthBlock";
 import AuthHeader from "@components/Common/AuthHeader/AuthHeader";
 import { Footer } from "@components/Common/Footer/Footer";
 import SideBar from "@components/SideBar/SideBar";
+import ModalLayout from "@components/Common/ModalLayout/ModalLayout";
+import {ModalReset} from "@components/Modal/ModalReset/ModalReset";
 
 import arrowInfo from "assets/icons/trackerIntroInfo.svg";
 import trackerAuthImg from "assets/images/trackerAuthImg.png";
@@ -11,6 +13,7 @@ import trackerAuthImg from "assets/images/trackerAuthImg.png";
 import "./trackerAuth.scss";
 
 export const TrackerAuth = () => {
+ const [modalResetOpen, setModalReset] = useState(false)
   return (
     <div className="trackerAuth">
       <AuthHeader />
@@ -27,8 +30,14 @@ export const TrackerAuth = () => {
           <AuthBlock
             description="Создавайте и редактируйте задачи и проекты вместе с другими участниками команды."
             img={trackerAuthImg}
+            resetModal={setModalReset}
           />
         </div>
+          {modalResetOpen &&
+              <ModalLayout active={modalResetOpen} setActive={setModalReset}>
+                  <ModalReset setModalReset={setModalReset} />
+              </ModalLayout>
+          }
         <Footer />
       </div>
     </div>