Tracker Auth

This commit is contained in:
Николай Полтщук 2023-07-07 01:21:07 +03:00
parent 49729ddd6b
commit d0a29e7ee8
3 changed files with 61 additions and 53 deletions

View File

@ -1,7 +1,8 @@
import React from "react";
import authImg from "assets/images/partnerProfile/authCandidateFormImg.png";
import './authBlock.scss'
import "./authBlock.scss";
export const AuthBlock = ({ title, description, img }) => {
return (
@ -9,9 +10,7 @@ export const AuthBlock = ({ title, description, img }) => {
<div className="auth__info">
{title && <h3>{title}</h3>}
<img src={authImg} alt="img" />
<p>
{description}
</p>
<p>{description}</p>
</div>
<form className="auth__form">
<label htmlFor="login">Ваш email *</label>
@ -24,7 +23,7 @@ export const AuthBlock = ({ title, description, img }) => {
name="password"
placeholder="Пароль"
/>
<div className='auth__form__buttons'>
<div className="auth__form__buttons">
<button
onClick={(e) => {
e.preventDefault();
@ -32,12 +31,10 @@ export const AuthBlock = ({ title, description, img }) => {
>
Войти
</button>
<span>
Вспомнить пароль
</span>
<span>Вспомнить пароль</span>
</div>
</form>
{img && <img src={img} alt='authImg' className='auth__img' />}
{img && <img src={img} alt="authImg" className="auth__img" />}
</div>
);
};

View File

@ -8,12 +8,12 @@ import { setRole } from "@redux/roleSlice";
import { apiRequest } from "@api/request";
import AuthBlock from "@components/AuthBlock/AuthBlock";
import CategoriesItem from "@components/CategoriesItem/CategoriesItem";
import AuthHeader from "@components/Common/AuthHeader/AuthHeader";
import { Footer } from "@components/Common/Footer/Footer";
import SideBar from "@components/SideBar/SideBar";
import StepsForCandidate from "@components/StepsForCandidate/StepsForCandidate";
import AuthBlock from "@components/AuthBlock/AuthBlock";
import arrowBtn from "assets/icons/arrows/arrowRight.svg";
import AdminImg from "assets/images/partnerProfile/PersonalAdmin.svg";
@ -145,10 +145,12 @@ export const AuthForCandidate = () => {
<div className="auth-candidate">
<AuthHeader />
<div className="container">
<AuthBlock title="Войти, уже есть доступ"
<AuthBlock
title="Войти, уже есть доступ"
description="если вы получили доступ пройдя
2 шага для входа или хотите узнать
свои результаты в кабинете" />
свои результаты в кабинете"
/>
<div className="auth-candidate__start">
<h2 className="auth-candidate__start__title">
Хочу в команду <span>Айти специалистов</span>

View File

@ -1,12 +1,12 @@
import React 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 AuthBlock from "@components/AuthBlock/AuthBlock";
import arrowInfo from "assets/icons/trackerIntroInfo.svg";
import trackerAuthImg from "assets/images/trackerAuthImg.png"
import trackerAuthImg from "assets/images/trackerAuthImg.png";
import "./trackerAuth.scss";
@ -17,8 +17,17 @@ export const TrackerAuth = () => {
<SideBar />
<div className="trackerAuth__content">
<div className="container">
<h1 className="trackerAuth__title">Войдите в свое <span>рабочее пространство<img src={arrowInfo} alt='arrow' /></span></h1>
<AuthBlock description="Создавайте и редактируйте задачи и проекты вместе с другими участниками команды." img={trackerAuthImg} />
<h1 className="trackerAuth__title">
Войдите в свое{" "}
<span>
рабочее пространство
<img src={arrowInfo} alt="arrow" />
</span>
</h1>
<AuthBlock
description="Создавайте и редактируйте задачи и проекты вместе с другими участниками команды."
img={trackerAuthImg}
/>
</div>
<Footer />
</div>