Fixed full components

src/components/ProfileHeader/ProfileHeader.js

@@ -1,61 +0,0 @@
-import React, {useEffect, useState} from 'react';
-import {useNavigate, NavLink} from "react-router-dom";
-import {useDispatch, useSelector} from "react-redux";
-
-import {Loader} from '../Loader/Loader'
-import {apiRequest} from "../../api/request";
-import {auth, setProfileInfo} from "../../redux/outstaffingSlice";
-import {getRole} from "../../redux/roleSlice";
-import './profileHeader.scss'
-
-
-
-export const ProfileHeader = () => {
-  const navigate = useNavigate();
-  const dispatch = useDispatch();
-
-
-  const userRole = useSelector(getRole);
-  const [user] = useState(localStorage.getItem('role_status') === '18' ? 'partner' : 'developer')
-
-  const [isLoggingOut, setIsLoggingOut] = useState(false);
-
-  useEffect(() => {
-    if (localStorage.getItem('role_status') === '18') {
-      return
-    }
-    apiRequest(`/profile/${localStorage.getItem('cardId')}`)
-        .then((profileInfo) =>
-            dispatch(setProfileInfo(profileInfo))
-        );
-
-  }, [dispatch]);
-
-  const handler = () => {
-    setIsLoggingOut(true);
-    localStorage.clear();
-    dispatch(auth(false));
-    setIsLoggingOut(false);
-    navigate(userRole === 'ROLE_DEV' ? '/authdev' : '/auth')
-  };
-
-  return (
-      <header className='profileHeader'>
-        <div className='profileHeader__head'>
-          <div className='profileHeader__container'>
-            <NavLink to={'/profile'} className='profileHeader__title'>itguild.
-              <span>
-                {user === 'developer' ?
-                  'для разработчиков' :
-                  'для партнеров'
-                }
-              </span>
-            </NavLink>
-            <button onClick={handler} className='profileHeader__logout'>
-              {isLoggingOut ? <Loader/> : 'Выйти'}
-            </button>
-          </div>
-        </div>
-      </header>
-  )
-};

src/components/ProfileHeader/ProfileHeader.jsx

@@ -0,0 +1,57 @@
+import React, { useEffect, useState } from "react";
+import { useNavigate, NavLink } from "react-router-dom";
+import { useDispatch, useSelector } from "react-redux";
+
+import { Loader } from "../Loader/Loader";
+import { apiRequest } from "../../api/request";
+import { auth, setProfileInfo } from "../../redux/outstaffingSlice";
+import { getRole } from "../../redux/roleSlice";
+
+import "./profileHeader.scss";
+
+export const ProfileHeader = () => {
+  const navigate = useNavigate();
+  const dispatch = useDispatch();
+
+  const userRole = useSelector(getRole);
+  const [user] = useState(
+    localStorage.getItem("role_status") === "18" ? "partner" : "developer"
+  );
+
+  const [isLoggingOut, setIsLoggingOut] = useState(false);
+
+  useEffect(() => {
+    if (localStorage.getItem("role_status") === "18") {
+      return;
+    }
+    apiRequest(`/profile/${localStorage.getItem("cardId")}`).then(
+      (profileInfo) => dispatch(setProfileInfo(profileInfo))
+    );
+  }, [dispatch]);
+
+  const handler = () => {
+    setIsLoggingOut(true);
+    localStorage.clear();
+    dispatch(auth(false));
+    setIsLoggingOut(false);
+    navigate(userRole === "ROLE_DEV" ? "/authdev" : "/auth");
+  };
+
+  return (
+    <header className="profileHeader">
+      <div className="profileHeader__head">
+        <div className="profileHeader__container">
+          <NavLink to={"/profile"} className="profileHeader__title">
+            itguild.
+            <span>
+              {user === "developer" ? "для разработчиков" : "для партнеров"}
+            </span>
+          </NavLink>
+          <button onClick={handler} className="profileHeader__logout">
+            {isLoggingOut ? <Loader /> : "Выйти"}
+          </button>
+        </div>
+      </div>
+    </header>
+  );
+};

src/components/ProfileHeader/profileHeader.scss

@@ -2,10 +2,10 @@
   width: 100%;
   display: flex;
   flex-direction: column;
-  font-family: 'LabGrotesque', sans-serif;
+  font-family: "LabGrotesque", sans-serif;
 
   &__head {
-    background: #E1FCCF;
+    background: #e1fccf;
   }
 
   &__container {
@@ -26,7 +26,7 @@
     color: black;
 
     span {
-      color: #52B709;
+      color: #52b709;
     }
 
     &:hover {
@@ -45,7 +45,7 @@
   }
 
   &__info {
-    background: #FFFFFF;
+    background: #ffffff;
   }
 
   &__nav {