reset and confirm modals

This commit is contained in:
2023-07-18 16:20:55 +03:00
parent e0b289c3fd
commit fa582a8bfc
4 changed files with 106 additions and 85 deletions

View File

@ -1,11 +1,11 @@
import React, {useState} 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 { ModalReset } from "@components/Modal/ModalReset/ModalReset";
import SideBar from "@components/SideBar/SideBar";
import arrowInfo from "assets/icons/trackerIntroInfo.svg";
import trackerAuthImg from "assets/images/trackerAuthImg.png";
@ -13,7 +13,7 @@ import trackerAuthImg from "assets/images/trackerAuthImg.png";
import "./trackerAuth.scss";
export const TrackerAuth = () => {
const [modalResetOpen, setModalReset] = useState(false)
const [modalResetOpen, setModalReset] = useState(false);
return (
<div className="trackerAuth">
<AuthHeader />
@ -33,11 +33,11 @@ export const TrackerAuth = () => {
resetModal={setModalReset}
/>
</div>
{modalResetOpen &&
<ModalLayout active={modalResetOpen} setActive={setModalReset}>
<ModalReset setModalReset={setModalReset} />
</ModalLayout>
}
{modalResetOpen && (
<ModalLayout active={modalResetOpen} setActive={setModalReset}>
<ModalReset setModalReset={setModalReset} />
</ModalLayout>
)}
<Footer />
</div>
</div>