65 lines
1.8 KiB
JavaScript
65 lines
1.8 KiB
JavaScript
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 { 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 [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("/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>
|
|
);
|
|
};
|