46 lines
1.6 KiB
React
46 lines
1.6 KiB
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 ModalLayout from "@components/Common/ModalLayout/ModalLayout";
|
|
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";
|
|
|
|
import "./trackerAuth.scss";
|
|
|
|
export const TrackerAuth = () => {
|
|
const [modalResetOpen, setModalReset] = useState(false);
|
|
return (
|
|
<div className="tracker-auth">
|
|
<AuthHeader />
|
|
<SideBar />
|
|
<div className="tracker-auth__content">
|
|
<div className="container">
|
|
<h1 className="tracker-auth__title">
|
|
Войдите в свое{" "}
|
|
<span>
|
|
рабочее пространство
|
|
<img src={arrowInfo} alt="arrow" />
|
|
</span>
|
|
</h1>
|
|
<AuthBlock
|
|
description="Создавайте и редактируйте задачи и проекты вместе с другими участниками команды."
|
|
img={trackerAuthImg}
|
|
resetModal={setModalReset}
|
|
/>
|
|
</div>
|
|
{modalResetOpen && (
|
|
<ModalLayout active={modalResetOpen} setActive={setModalReset}>
|
|
<ModalReset setModalReset={setModalReset} />
|
|
</ModalLayout>
|
|
)}
|
|
</div>
|
|
<Footer />
|
|
</div>
|
|
);
|
|
};
|