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 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>
); );
}; };

View File

@ -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>

View File

@ -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>