From fd3ff679152e6f7d9c144aafbc137d5bb6d705fe Mon Sep 17 00:00:00 2001
From: MaxOvs19 <gshk3669@gmail.com>
Date: Fri, 10 Mar 2023 12:15:03 +0300
Subject: [PATCH] Fixed header auth

---
 src/components/AuthHeader/AuthHeader.js       |  24 +++++++-
 src/components/AuthHeader/authHeader.scss     |  53 ++++++++++++++++++
 src/images/userIcon.png                       | Bin 0 -> 499 bytes
 .../AuthForDevelopers/AuthForDevelopers.js    |   2 +
 src/pages/AuthForPartners/AuthForPartners.js  |   2 +
 5 files changed, 80 insertions(+), 1 deletion(-)
 create mode 100644 src/images/userIcon.png

diff --git a/src/components/AuthHeader/AuthHeader.js b/src/components/AuthHeader/AuthHeader.js
index 12a0f27f..aa8a342c 100644
--- a/src/components/AuthHeader/AuthHeader.js
+++ b/src/components/AuthHeader/AuthHeader.js
@@ -1,5 +1,7 @@
 import React from "react";
 
+import userIcon from "../../images/userIcon.png";
+
 import "./authHeader.scss";
 
 export const AuthHeader = ({}) => {
@@ -8,7 +10,27 @@ export const AuthHeader = ({}) => {
       <div className="auth-header__logo">
         <h3>itguild.</h3>
       </div>
-      <div className="auth-header__navigation"></div>
+      <div className="auth-header__navigation">
+        <div className="container">
+          <div className="auth-nav">
+            <ul>
+              <li>
+                <a href="#">Главная</a>
+              </li>
+              <li>
+                <a href="#">Кабинет разработчика</a>
+              </li>
+              <li>
+                <a href="#">Школа</a>
+              </li>
+            </ul>
+
+            <a href="#">
+              <img src={userIcon}></img>
+            </a>
+          </div>
+        </div>
+      </div>
     </div>
   );
 };
diff --git a/src/components/AuthHeader/authHeader.scss b/src/components/AuthHeader/authHeader.scss
index e69de29b..2249f9b6 100644
--- a/src/components/AuthHeader/authHeader.scss
+++ b/src/components/AuthHeader/authHeader.scss
@@ -0,0 +1,53 @@
+.auth-header {
+  background-color: #f1f1f1;
+
+  &__logo {
+    padding: 0 0 0 160px;
+    height: 55px;
+    display: flex;
+    align-items: center;
+
+    h3 {
+      font-size: 20px;
+      line-height: 32px;
+      color: #000000;
+    }
+  }
+
+  &__navigation {
+    display: flex;
+    align-items: center;
+    height: 66px;
+    width: 100%;
+    background: #ffffff;
+
+    .auth-nav {
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between;
+
+      ul {
+        display: flex;
+        margin: 0;
+        padding: 0;
+        list-style: none;
+
+        li {
+          margin-right: 25px;
+
+          font-size: 18px;
+          line-height: 32px;
+
+          a,
+          a:hover {
+            color: #897676;
+          }
+
+          a:focus {
+            color: #000000;
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/src/images/userIcon.png b/src/images/userIcon.png
new file mode 100644
index 0000000000000000000000000000000000000000..f22b899a649533b98978384a349061bd273ba89c
GIT binary patch
literal 499
zcmV<P0Sx|$P)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0f<RNK~#7F?NrT8
z!!Q_qj*w_?VFJpDiVI}}cLO%4fdPOC3KLK!s7ELhU^ajgxiuqjYcIsS*p+BXYDYvM
zA@QV0PQG8i?|lLOIz-Gts$Pnua|sJY_Y^2{h{T{++!~#~wJP9}i`_@M4Qk9eiw=#>
z@=%ThL2KvEC%4bA?<Z!O2_`*&5HnhPY;TGP!Z$eUTX$g6^-lfGx^o&**yUb`s;xJW
zs^423%_a>lp|ubGtusIXVTv5e!Pb4oJ{n+a0pB&bhaHfr(Yj5lqq1wsC#Ro506QTg
zthi>UR1vg1?@JVTLSm0ek6PL95kZ4JIJ~0n$8MmXVVnWD2d|UX1$+@VaEVfyWpXTZ
zlO_8V)ZW1999`x3j-e1Qq;IxuqrVi87gS6kCRNTGfP$!-Nu_|}T43%2pxGXmDT#5d
z7&BVM3^!$4m1%-8taGG7vKusmVPnSqmjvVaUQM|UD^C4k8I@n9g3h#8ms8qC&(#X4
p5BQD*ZEZ}0e^ER9c!7UJ@d5mnjj@y_3flkx002ovPDHLkV1j+)%GLk?

literal 0
HcmV?d00001

diff --git a/src/pages/AuthForDevelopers/AuthForDevelopers.js b/src/pages/AuthForDevelopers/AuthForDevelopers.js
index 483a605d..01dcb395 100644
--- a/src/pages/AuthForDevelopers/AuthForDevelopers.js
+++ b/src/pages/AuthForDevelopers/AuthForDevelopers.js
@@ -16,6 +16,7 @@ import { Footer } from "../../components/Footer/Footer";
 import SideBar from "../../components/SideBar/SideBar";
 
 import "./authForDevelopers.scss";
+import AuthHeader from "../../components/AuthHeader/AuthHeader";
 
 const AuthForDevelopers = () => {
   const isAuth = useSelector(selectAuth);
@@ -30,6 +31,7 @@ const AuthForDevelopers = () => {
 
   return (
     <section className="auth-developers">
+      <AuthHeader />
       <div className="auth-developers__background">
         <img className="auth-developers__vector" src={vector} alt="" />
         <img
diff --git a/src/pages/AuthForPartners/AuthForPartners.js b/src/pages/AuthForPartners/AuthForPartners.js
index d0a68f7b..47219c31 100644
--- a/src/pages/AuthForPartners/AuthForPartners.js
+++ b/src/pages/AuthForPartners/AuthForPartners.js
@@ -14,6 +14,7 @@ import { AuthBox } from "../../components/AuthBox/AuthBox";
 
 import "./authForPartners.scss";
 import SideBar from "../../components/SideBar/SideBar";
+import AuthHeader from "../../components/AuthHeader/AuthHeader";
 
 const AuthForPartners = () => {
   const isAuth = useSelector(selectAuth);
@@ -29,6 +30,7 @@ const AuthForPartners = () => {
 
   return (
     <section className="auth-partners">
+      <AuthHeader />
       <div className="auth-partners__background">
         <img className="auth-partners__vector" src={vector} alt="" />
         <img className="auth-partners__vector-black" src={vectorBlack} alt="" />