This commit is contained in:
Mikola 2024-01-16 21:29:24 +03:00
parent 8c85ef07c8
commit c78a094127
4 changed files with 26 additions and 41 deletions

View File

@ -31,6 +31,17 @@
padding: 10px !important;
height: 40px !important;
margin-bottom: 5px !important;
max-width: 366px;
width: 100%;
border-radius: 8px;
border: none;
background-color: #ffffff;
font-size: 15px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
text-align: left;
outline: none;
}
&__arrow {

View File

@ -1,12 +1,8 @@
import React, { useEffect, useRef, useState } from "react";
import { useDispatch, useSelector } from "react-redux";
import React, { useEffect, useState } from "react";
import { useSelector } from "react-redux";
import { useNavigate } from "react-router-dom";
import { loading, selectIsLoading } from "@redux/loaderSlice";
import { auth, selectAuth, setUserInfo } from "@redux/outstaffingSlice";
import { setRole } from "@redux/roleSlice";
import { apiRequest } from "@api/request";
import { selectAuth } from "@redux/outstaffingSlice";
import AuthBlock from "@components/AuthBlock/AuthBlock";
import CategoriesItem from "@components/CategoriesItem/CategoriesItem";
@ -14,6 +10,7 @@ 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 ModalResetPassword from "@components/Modal/ModalResetPassword/ModalResetPassword";
import arrowBtn from "assets/icons/arrows/arrowRight.svg";
import AdminImg from "assets/images/partnerProfile/PersonalAdmin.svg";
@ -24,17 +21,14 @@ import FrontendImg from "assets/images/partnerProfile/PersonalFrontend.svg";
import ManageImg from "assets/images/partnerProfile/PersonalMng.svg";
import SmmImg from "assets/images/partnerProfile/PersonalSMM.svg";
import TestImg from "assets/images/partnerProfile/PersonalTesters.svg";
import authImg from "assets/images/partnerProfile/authCandidateFormImg.png";
import BackEndImg from "assets/images/partnerProfile/personalBackEnd.svg";
import "./authForCandidate.scss";
export const AuthForCandidate = () => {
const isLoading = useSelector(selectIsLoading);
const ref = useRef();
const dispatch = useDispatch();
const isAuth = useSelector(selectAuth);
let navigate = useNavigate();
const [modalResetOpen, setModalReset] = useState(false);
const getToken = localStorage.getItem("auth_token");
const [personalInfoItems] = useState([
@ -113,39 +107,12 @@ export const AuthForCandidate = () => {
}
}, [getToken]);
// const submitHandler = () => {
// let formData = new FormData(ref.current);
// if (!isLoading) {
// dispatch(loading(true));
// apiRequest("/user/login", {
// method: "POST",
// data: formData,
// }).then((res) => {
// if (!res.access_token) {
// dispatch(loading(false));
// } else {
// localStorage.setItem("auth_token", res.access_token);
// localStorage.setItem("id", res.id);
// localStorage.setItem("cardId", res.card_id);
// localStorage.setItem("role_status", res.status);
// localStorage.setItem(
// "access_token_expired_at",
// res.access_token_expired_at
// );
// dispatch(auth(true));
// dispatch(setUserInfo(res));
// dispatch(loading(false));
// dispatch(setRole("ROLE_PARTNER"));
// }
// });
// }
// };
return (
<div className="auth-candidate">
<AuthHeader />
<div className="container">
<AuthBlock
resetModal={setModalReset}
title="Войти, если есть доступ"
description="Если вы получили доступ, пройдя
2 шага для входа или хотите узнать
@ -178,6 +145,7 @@ export const AuthForCandidate = () => {
</div>
</div>
</div>
<ModalResetPassword active={modalResetOpen} setActive={setModalReset} />
<SideBar />
<Footer />
</div>

View File

@ -8,6 +8,8 @@ import { Footer } from "@components/Common/Footer/Footer";
import SideBar from "@components/SideBar/SideBar";
import StepsForCandidate from "@components/StepsForCandidate/StepsForCandidate";
import { Link } from "react-router-dom";
import arrowBtn from "assets/icons/arrows/arrowRight.svg";
import BackEndImg from "assets/images/partnerProfile/personalBackEnd.svg";
@ -73,9 +75,9 @@ export const RegistrationForCandidate = () => {
<p className="registrationCandidate__info__skills">
Java PHP Python C# React Vue.js NodeJs Golang Ruby JavaScript
</p>
<div className="registrationCandidate__info__arrow">
<Link to="/auth-candidate" className="registrationCandidate__info__arrow">
<img src={arrowBtn} alt="img" />
</div>
</Link>
</div>
{/* форма регистрации */}
<form

View File

@ -45,6 +45,7 @@
display: flex;
padding: 33px 69px 32px 30px;
background: #ffffff;
max-height: 438px;
border-radius: 12px;
width: 100%;
@ -125,6 +126,7 @@
display: flex;
flex-direction: column;
width: 46%;
position: relative;
@media (max-width: 1072px) {
width: 100%;
@ -159,6 +161,8 @@
}
span {
position: absolute;
bottom: -22px;
color: red;
font-size: 12px;
}