tracker tasks

This commit is contained in:
Mikola 2023-09-11 18:29:45 +03:00
parent 3b773e0008
commit 8ed1859e93
3 changed files with 27 additions and 22 deletions

View File

@ -12,8 +12,8 @@ import { Loader } from "@components/Common/Loader/Loader";
import ModalErrorLogin from "@components/Modal/ModalErrorLogin/ModalErrorLogin"; import ModalErrorLogin from "@components/Modal/ModalErrorLogin/ModalErrorLogin";
import ModalRegistration from "@components/Modal/ModalRegistration/ModalRegistration"; import ModalRegistration from "@components/Modal/ModalRegistration/ModalRegistration";
import authHead from "assets/icons/authHead.svg" import authHead from "assets/icons/authHead.svg";
import eyePassword from "assets/icons/passwordIcon.svg" import eyePassword from "assets/icons/passwordIcon.svg";
import "./authBox.scss"; import "./authBox.scss";
@ -28,7 +28,7 @@ export const AuthBox = ({ title }) => {
const [error, setError] = useState(null); const [error, setError] = useState(null);
const [modalError, setModalError] = useState(false); const [modalError, setModalError] = useState(false);
const [modalReg, setModalReg] = useState(false); const [modalReg, setModalReg] = useState(false);
const [showPassword, setShowPassword] = useState(false) const [showPassword, setShowPassword] = useState(false);
useEffect(() => { useEffect(() => {
if (!localStorage.getItem("auth_token")) { if (!localStorage.getItem("auth_token")) {
@ -75,7 +75,7 @@ export const AuthBox = ({ title }) => {
return ( return (
<div className="auth-box"> <div className="auth-box">
<h2 className="auth-box__header"> <h2 className="auth-box__header">
Вход <img src={authHead} alt='authImg' /> Вход <img src={authHead} alt="authImg" />
</h2> </h2>
<div className="auth-box__title"> <div className="auth-box__title">
<span>{title}</span> <span>{title}</span>
@ -85,14 +85,19 @@ export const AuthBox = ({ title }) => {
<input id="login" type="text" name="username" placeholder="Логин" /> <input id="login" type="text" name="username" placeholder="Логин" />
<label htmlFor="password">Ваш пароль*</label> <label htmlFor="password">Ваш пароль*</label>
<div className='inputWrapper'> <div className="inputWrapper">
<input <input
id="password" id="password"
type={showPassword ? "text" : "password"} type={showPassword ? "text" : "password"}
name="password" name="password"
placeholder="Пароль" placeholder="Пароль"
/> />
<img onClick={() => setShowPassword(!showPassword)} className='eye' src={eyePassword} alt='eye' /> <img
onClick={() => setShowPassword(!showPassword)}
className="eye"
src={eyePassword}
alt="eye"
/>
</div> </div>
{error && ( {error && (
@ -115,9 +120,7 @@ export const AuthBox = ({ title }) => {
> >
{isLoading ? <Loader /> : "Войти"} {isLoading ? <Loader /> : "Войти"}
</button> </button>
<span className="auth-box__reset"> <span className="auth-box__reset">Вспомнить пароль</span>
Вспомнить пароль
</span>
<ModalRegistration active={modalReg} setActive={setModalReg} /> <ModalRegistration active={modalReg} setActive={setModalReg} />
</div> </div>

View File

@ -30,7 +30,9 @@ export const AuthHeader = () => {
e.preventDefault(); e.preventDefault();
scrollToForm(); scrollToForm();
}} }}
>Кабинет разработчика</a> >
Кабинет разработчика
</a>
</li> </li>
<li> <li>
<a href="#">Школа</a> <a href="#">Школа</a>

View File

@ -6,11 +6,11 @@ import "slick-carousel/slick/slick.css";
import BaseButton from "@components/Common/BaseButton/BaseButton"; import BaseButton from "@components/Common/BaseButton/BaseButton";
import avatarMockFirst from "assets/images/mock/avatarMoсk3.png";
import avatarMockSecond from "assets/images/mock/avatarMoсk4.png";
import avatarMockThird from "assets/images/mock/avatarMoсk5.png";
import avatarMockFourth from "assets/images/mock/avatarMoсk6.png";
import mockWorker from "assets/images/mock/mokPerson.png"; import mockWorker from "assets/images/mock/mokPerson.png";
import avatarMockFirst from "assets/images/mock/avatarMoсk3.png"
import avatarMockSecond from "assets/images/mock/avatarMoсk4.png"
import avatarMockThird from "assets/images/mock/avatarMoсk5.png"
import avatarMockFourth from "assets/images/mock/avatarMoсk6.png"
import "./sliderWorkers.scss"; import "./sliderWorkers.scss";