From d0a29e7ee844b84f886c6c60fb294a40a44af5c3 Mon Sep 17 00:00:00 2001
From: M1kola <gigablock3030@yandex.ru>
Date: Fri, 7 Jul 2023 01:21:07 +0300
Subject: [PATCH] Tracker Auth

---
 src/components/AuthBlock/AuthBlock.js         | 67 +++++++++----------
 .../AuthForCandidate/AuthForCandidate.jsx     | 10 +--
 src/pages/TrackerAuth/TrackerAuth.js          | 37 ++++++----
 3 files changed, 61 insertions(+), 53 deletions(-)

diff --git a/src/components/AuthBlock/AuthBlock.js b/src/components/AuthBlock/AuthBlock.js
index 74fbb252..04a22a68 100644
--- a/src/components/AuthBlock/AuthBlock.js
+++ b/src/components/AuthBlock/AuthBlock.js
@@ -1,45 +1,42 @@
 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 (
-        <div className="auth__wrapper">
-            <div className="auth__info">
-                {title && <h3>{title}</h3>}
-                <img src={authImg} alt="img" />
-                <p>
-                    {description}
-                </p>
-            </div>
-            <form className="auth__form">
-                <label htmlFor="login">Ваш email *</label>
-                <input id="login" type="text" name="username" placeholder="Email" />
+  return (
+    <div className="auth__wrapper">
+      <div className="auth__info">
+        {title && <h3>{title}</h3>}
+        <img src={authImg} alt="img" />
+        <p>{description}</p>
+      </div>
+      <form className="auth__form">
+        <label htmlFor="login">Ваш email *</label>
+        <input id="login" type="text" name="username" placeholder="Email" />
 
-                <label htmlFor="password">Ваш пароль*</label>
-                <input
-                    id="password"
-                    type="password"
-                    name="password"
-                    placeholder="Пароль"
-                />
-                <div className='auth__form__buttons'>
-                    <button
-                        onClick={(e) => {
-                            e.preventDefault();
-                        }}
-                    >
-                            Войти
-                    </button>
-                    <span>
-                        Вспомнить пароль
-                    </span>
-                </div>
-            </form>
-            {img && <img src={img} alt='authImg' className='auth__img' />}
+        <label htmlFor="password">Ваш пароль*</label>
+        <input
+          id="password"
+          type="password"
+          name="password"
+          placeholder="Пароль"
+        />
+        <div className="auth__form__buttons">
+          <button
+            onClick={(e) => {
+              e.preventDefault();
+            }}
+          >
+            Войти
+          </button>
+          <span>Вспомнить пароль</span>
         </div>
-    );
+      </form>
+      {img && <img src={img} alt="authImg" className="auth__img" />}
+    </div>
+  );
 };
 
 export default AuthBlock;
diff --git a/src/pages/AuthForCandidate/AuthForCandidate.jsx b/src/pages/AuthForCandidate/AuthForCandidate.jsx
index 14c3b939..644d2b2c 100644
--- a/src/pages/AuthForCandidate/AuthForCandidate.jsx
+++ b/src/pages/AuthForCandidate/AuthForCandidate.jsx
@@ -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="Войти, уже есть доступ"
-                   description="если вы получили доступ пройдя
+        <AuthBlock
+          title="Войти, уже есть доступ"
+          description="если вы получили доступ пройдя
                    2 шага для входа или хотите узнать
-                  свои результаты в кабинете" />
+                  свои результаты в кабинете"
+        />
         <div className="auth-candidate__start">
           <h2 className="auth-candidate__start__title">
             Хочу в команду <span>Айти специалистов</span>
diff --git a/src/pages/TrackerAuth/TrackerAuth.js b/src/pages/TrackerAuth/TrackerAuth.js
index fc09252c..1950ef78 100644
--- a/src/pages/TrackerAuth/TrackerAuth.js
+++ b/src/pages/TrackerAuth/TrackerAuth.js
@@ -1,27 +1,36 @@
 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";
 
 export const TrackerAuth = () => {
-    return (
-        <div className="trackerAuth">
-            <AuthHeader />
-            <SideBar />
-            <div className="trackerAuth__content">
-                <div className="container">
-                    <h1 className="trackerAuth__title">Войдите в свое <span>рабочее пространство<img src={arrowInfo} alt='arrow' /></span></h1>
-                    <AuthBlock description="Создавайте и редактируйте задачи и проекты вместе с другими участниками команды." img={trackerAuthImg} />
-                </div>
-                <Footer />
-            </div>
+  return (
+    <div className="trackerAuth">
+      <AuthHeader />
+      <SideBar />
+      <div className="trackerAuth__content">
+        <div className="container">
+          <h1 className="trackerAuth__title">
+            Войдите в свое{" "}
+            <span>
+              рабочее пространство
+              <img src={arrowInfo} alt="arrow" />
+            </span>
+          </h1>
+          <AuthBlock
+            description="Создавайте и редактируйте задачи и проекты вместе с другими участниками команды."
+            img={trackerAuthImg}
+          />
         </div>
-    );
+        <Footer />
+      </div>
+    </div>
+  );
 };