fix nav link

src/components/Common/AuthHeader/AuthHeader.jsx

@@ -25,7 +25,7 @@ export const AuthHeader = () => {
                 </NavLink>
               </li>
               <li>
-                <NavLink to={"/auth"}>Кабинет разработчика</NavLink>
+                <NavLink to={"/profile"}>Кабинет разработчика</NavLink>
               </li>
               <li>
                 <NavLink to={"/tracker-intro"}>Трекер</NavLink>

src/components/Common/AuthHeader/authHeader.scss

@@ -25,6 +25,7 @@
     background: #ffffff;
 
     .auth-nav {
+      height: 35px;
       display: flex;
       flex-direction: row;
       justify-content: space-between;
@@ -48,11 +49,13 @@
             text-decoration: none;
           }
 
-          a:focus, a.active {
+          a:focus,
+          a.active {
             color: #000000;
           }
 
           .candidate {
+            background: transparent;
             color: #1458dd;
           }
         }

src/components/Modal/ModalRegistration/ModalRegistration.jsx

@@ -137,7 +137,7 @@ export const ModalRegistration = ({ active, setActive }) => {
 
         <div className="button-box">
           {loader ? (
-            <Loader style={"green"} />
+            <Loader />
           ) : (
             <BaseButton
               onClick={async (e) => {

src/components/SideBar/SideBar.jsx

@@ -50,7 +50,7 @@ export const SideBar = () => {
             <Link to={"/auth"}>Вход для партнеров</Link>
           </li>
           <li>
-            <Link to={"/auth"}>Кабинет разработчика</Link>
+            <Link to={"/profile"}>Кабинет разработчика</Link>
           </li>
           <li>
             <Link to={"/tracker-intro"}>Трекер</Link>

src/components/features/quiz/HeaderQuiz.jsx

@@ -1,6 +1,8 @@
 import React from "react";
 import { useDispatch, useSelector } from "react-redux";
 
+import { Loader } from "@components/common/Loader/Loader";
+
 import { selectUserInfo } from "@redux/quizSlice";
 
 import { urlForLocal } from "@utils/helper";
@@ -21,7 +23,7 @@ export const HeaderQuiz = ({ header }) => {
         <div className="header-quiz">
           <div className="header-quiz__container">
             {!userInfo ? (
-              <h2>Loading...</h2>
+              <Loader />
             ) : (
               <>
                 {header && (

src/components/features/quiz/Instructions.jsx

@@ -9,6 +9,7 @@ import { apiRequest } from "@api/request";
 import comment from "assets/icons/comment.jpg";
 
 import "./quiz.scss";
+import { Loader } from "@components/common/Loader/Loader";
 
 export const Instruction = () => {
   const [countQuestions, setCountQuestions] = useState(null);
@@ -24,7 +25,7 @@ export const Instruction = () => {
     <div className="instruction">
       <div className="instruction__container">
         {!countQuestions ? (
-          <h2>Loading...</h2>
+          <Loader />
         ) : (
           <>
             <h3 className="instruction__title quiz-title_h3">

src/components/features/quiz/Results.jsx

@@ -1,6 +1,8 @@
 import React, { useEffect, useState } from "react";
 import { useDispatch, useSelector } from "react-redux";
 
+import { Loader } from "@components/common/Loader/Loader";
+
 import { fetchResultTest, selectResult, selectedTest } from "@redux/quizSlice";
 
 import { apiRequest } from "@api/request";
@@ -21,7 +23,7 @@ export const Results = () => {
   return (
     <div className={"result _container"}>
       {!result ? (
-        <h1 style={{ display: "block" }}>Ожидайте результата...</h1>
+        <Loader />
       ) : (
         <div className="result__body">
           <div className="result__text">Благодарим за прохождение теста</div>