import React, { useEffect, useState } from "react"; import { useDispatch, useSelector } from "react-redux"; import { NavLink, useNavigate } from "react-router-dom"; import { auth, setProfileInfo } from "@redux/outstaffingSlice"; import { getRole } from "@redux/roleSlice"; import { apiRequest } from "@api/request"; import { Loader } from "@components/Common/Loader/Loader"; 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 (
itguild. {user === "developer" ? "для разработчиков" : "для партнеров"}
); };