candidate auth

src/components/AuthHeader/AuthHeader.js

@@ -1,4 +1,5 @@
 import React from "react";
+import { NavLink } from "react-router-dom";
 
 import userIcon from "../../images/userIcon.png";
 
@@ -17,7 +18,11 @@ export const AuthHeader = ({}) => {
           <div className="auth-nav">
             <ul>
               <li>
-                <a href="#">Главная</a>
+                <NavLink to={'/auth'}>
+                  <span>
+                    Главная
+                  </span>
+                </NavLink>
               </li>
               <li>
                 <a href="#">Кабинет разработчика</a>
@@ -25,6 +30,13 @@ export const AuthHeader = ({}) => {
               <li>
                 <a href="#">Школа</a>
               </li>
+              <li>
+                <NavLink to={'/auth-candidate'} className="candidate">
+                  <span>
+                    Войти в команду
+                  </span>
+                </NavLink>
+              </li>
             </ul>
 
             <a href="#">

src/components/AuthHeader/authHeader.scss

@@ -41,14 +41,20 @@
           font-size: 18px;
           line-height: 32px;
 
-          a,
-          a:hover {
+          a {
             color: #897676;
           }
+          a:hover {
+            text-decoration: none;
+          }
 
           a:focus {
             color: #000000;
           }
+
+          .candidate {
+            color: #1458DD;
+          }
         }
       }
     }