apuc/guild_front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Tracker Auth

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
src/components/AuthBlock/AuthBlock.js
View File

@ -1,45 +1,42 @@
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 (
<div className="auth__wrapper"> <div className="auth__wrapper">
<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} </div>
</p> <form className="auth__form">
</div> <label htmlFor="login">Ваш email *</label>
<form className="auth__form"> <input id="login" type="text" name="username" placeholder="Email" />
<label htmlFor="login">Ваш email *</label>
<input id="login" type="text" name="username" placeholder="Email" />
<label htmlFor="password">Ваш пароль*</label> <label htmlFor="password">Ваш пароль*</label>
<input <input
id="password" id="password"
type="password" type="password"
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();
}} }}
> >
Войти Войти
</button> </button>
<span> <span>Вспомнить пароль</span>
Вспомнить пароль
</span>
</div>
</form>
{img && <img src={img} alt='authImg' className='auth__img' />}
</div> </div>
); </form>
{img && <img src={img} alt="authImg" className="auth__img" />}
</div>
);
}; };
export default AuthBlock; export default AuthBlock;

10
src/pages/AuthForCandidate/AuthForCandidate.jsx
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
description="если вы получили доступ пройдя title="Войти, уже есть доступ"
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>

37
src/pages/TrackerAuth/TrackerAuth.js
View File

@ -1,27 +1,36 @@
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";
export const TrackerAuth = () => { export const TrackerAuth = () => {
return ( return (
<div className="trackerAuth"> <div className="trackerAuth">
<AuthHeader /> <AuthHeader />
<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} /> Войдите в свое{" "}
</div> <span>
<Footer /> рабочее пространство
</div> <img src={arrowInfo} alt="arrow" />
</span>
</h1>
<AuthBlock
description="Создавайте и редактируйте задачи и проекты вместе с другими участниками команды."
img={trackerAuthImg}
/>
</div> </div>
); <Footer />
</div>
</div>
);
}; };