46 lines
1.6 KiB
JavaScript
46 lines
1.6 KiB
JavaScript
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>
|
||
);
|
||
};
|