import React, { useEffect, useState } from "react"; import { useDispatch, useSelector } from "react-redux"; import { NavLink, useNavigate } from "react-router-dom"; import { auth, getProfileInfo, 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 profileInfo = useSelector(getProfileInfo); 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; } if (Object.keys(profileInfo).length) { return; } apiRequest(`/user/me`).then((profileInfo) => { dispatch( setProfileInfo( profileInfo.userCard ? profileInfo.userCard : profileInfo ) ); }); }, [dispatch]); const handler = () => { setIsLoggingOut(true); localStorage.clear(); dispatch(auth(false)); setIsLoggingOut(false); navigate(userRole === "ROLE_DEV" ? "/authdev" : "/auth"); }; return (
itguild. {user === "developer" ? "для разработчиков" : "для партнеров"}
); };