Tracker Auth
This commit is contained in:
parent
49729ddd6b
commit
d0a29e7ee8
@ -1,7 +1,8 @@
|
|||||||
import React from "react";
|
import React from "react";
|
||||||
|
|
||||||
import authImg from "assets/images/partnerProfile/authCandidateFormImg.png";
|
import authImg from "assets/images/partnerProfile/authCandidateFormImg.png";
|
||||||
|
|
||||||
import './authBlock.scss'
|
import "./authBlock.scss";
|
||||||
|
|
||||||
export const AuthBlock = ({ title, description, img }) => {
|
export const AuthBlock = ({ title, description, img }) => {
|
||||||
return (
|
return (
|
||||||
@ -9,9 +10,7 @@ export const AuthBlock = ({ title, description, img }) => {
|
|||||||
<div className="auth__info">
|
<div className="auth__info">
|
||||||
{title && <h3>{title}</h3>}
|
{title && <h3>{title}</h3>}
|
||||||
<img src={authImg} alt="img" />
|
<img src={authImg} alt="img" />
|
||||||
<p>
|
<p>{description}</p>
|
||||||
{description}
|
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
<form className="auth__form">
|
<form className="auth__form">
|
||||||
<label htmlFor="login">Ваш email *</label>
|
<label htmlFor="login">Ваш email *</label>
|
||||||
@ -24,7 +23,7 @@ export const AuthBlock = ({ title, description, img }) => {
|
|||||||
name="password"
|
name="password"
|
||||||
placeholder="Пароль"
|
placeholder="Пароль"
|
||||||
/>
|
/>
|
||||||
<div className='auth__form__buttons'>
|
<div className="auth__form__buttons">
|
||||||
<button
|
<button
|
||||||
onClick={(e) => {
|
onClick={(e) => {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
@ -32,12 +31,10 @@ export const AuthBlock = ({ title, description, img }) => {
|
|||||||
>
|
>
|
||||||
Войти
|
Войти
|
||||||
</button>
|
</button>
|
||||||
<span>
|
<span>Вспомнить пароль</span>
|
||||||
Вспомнить пароль
|
|
||||||
</span>
|
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
{img && <img src={img} alt='authImg' className='auth__img' />}
|
{img && <img src={img} alt="authImg" className="auth__img" />}
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
@ -8,12 +8,12 @@ import { setRole } from "@redux/roleSlice";
|
|||||||
|
|
||||||
import { apiRequest } from "@api/request";
|
import { apiRequest } from "@api/request";
|
||||||
|
|
||||||
|
import AuthBlock from "@components/AuthBlock/AuthBlock";
|
||||||
import CategoriesItem from "@components/CategoriesItem/CategoriesItem";
|
import CategoriesItem from "@components/CategoriesItem/CategoriesItem";
|
||||||
import AuthHeader from "@components/Common/AuthHeader/AuthHeader";
|
import AuthHeader from "@components/Common/AuthHeader/AuthHeader";
|
||||||
import { Footer } from "@components/Common/Footer/Footer";
|
import { Footer } from "@components/Common/Footer/Footer";
|
||||||
import SideBar from "@components/SideBar/SideBar";
|
import SideBar from "@components/SideBar/SideBar";
|
||||||
import StepsForCandidate from "@components/StepsForCandidate/StepsForCandidate";
|
import StepsForCandidate from "@components/StepsForCandidate/StepsForCandidate";
|
||||||
import AuthBlock from "@components/AuthBlock/AuthBlock";
|
|
||||||
|
|
||||||
import arrowBtn from "assets/icons/arrows/arrowRight.svg";
|
import arrowBtn from "assets/icons/arrows/arrowRight.svg";
|
||||||
import AdminImg from "assets/images/partnerProfile/PersonalAdmin.svg";
|
import AdminImg from "assets/images/partnerProfile/PersonalAdmin.svg";
|
||||||
@ -145,10 +145,12 @@ export const AuthForCandidate = () => {
|
|||||||
<div className="auth-candidate">
|
<div className="auth-candidate">
|
||||||
<AuthHeader />
|
<AuthHeader />
|
||||||
<div className="container">
|
<div className="container">
|
||||||
<AuthBlock title="Войти, уже есть доступ"
|
<AuthBlock
|
||||||
|
title="Войти, уже есть доступ"
|
||||||
description="если вы получили доступ пройдя
|
description="если вы получили доступ пройдя
|
||||||
2 шага для входа или хотите узнать
|
2 шага для входа или хотите узнать
|
||||||
свои результаты в кабинете" />
|
свои результаты в кабинете"
|
||||||
|
/>
|
||||||
<div className="auth-candidate__start">
|
<div className="auth-candidate__start">
|
||||||
<h2 className="auth-candidate__start__title">
|
<h2 className="auth-candidate__start__title">
|
||||||
Хочу в команду <span>Айти специалистов</span>
|
Хочу в команду <span>Айти специалистов</span>
|
||||||
|
@ -1,12 +1,12 @@
|
|||||||
import React from "react";
|
import React from "react";
|
||||||
|
|
||||||
|
import AuthBlock from "@components/AuthBlock/AuthBlock";
|
||||||
import AuthHeader from "@components/Common/AuthHeader/AuthHeader";
|
import AuthHeader from "@components/Common/AuthHeader/AuthHeader";
|
||||||
import { Footer } from "@components/Common/Footer/Footer";
|
import { Footer } from "@components/Common/Footer/Footer";
|
||||||
import SideBar from "@components/SideBar/SideBar";
|
import SideBar from "@components/SideBar/SideBar";
|
||||||
import AuthBlock from "@components/AuthBlock/AuthBlock";
|
|
||||||
|
|
||||||
import arrowInfo from "assets/icons/trackerIntroInfo.svg";
|
import arrowInfo from "assets/icons/trackerIntroInfo.svg";
|
||||||
import trackerAuthImg from "assets/images/trackerAuthImg.png"
|
import trackerAuthImg from "assets/images/trackerAuthImg.png";
|
||||||
|
|
||||||
import "./trackerAuth.scss";
|
import "./trackerAuth.scss";
|
||||||
|
|
||||||
@ -17,8 +17,17 @@ export const TrackerAuth = () => {
|
|||||||
<SideBar />
|
<SideBar />
|
||||||
<div className="trackerAuth__content">
|
<div className="trackerAuth__content">
|
||||||
<div className="container">
|
<div className="container">
|
||||||
<h1 className="trackerAuth__title">Войдите в свое <span>рабочее пространство<img src={arrowInfo} alt='arrow' /></span></h1>
|
<h1 className="trackerAuth__title">
|
||||||
<AuthBlock description="Создавайте и редактируйте задачи и проекты вместе с другими участниками команды." img={trackerAuthImg} />
|
Войдите в свое{" "}
|
||||||
|
<span>
|
||||||
|
рабочее пространство
|
||||||
|
<img src={arrowInfo} alt="arrow" />
|
||||||
|
</span>
|
||||||
|
</h1>
|
||||||
|
<AuthBlock
|
||||||
|
description="Создавайте и редактируйте задачи и проекты вместе с другими участниками команды."
|
||||||
|
img={trackerAuthImg}
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<Footer />
|
<Footer />
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
Reference in New Issue
Block a user