import React, { useEffect, useState } from "react"; import { useDispatch, useSelector } from "react-redux"; import { NavLink } from "react-router-dom"; import { getProfileInfo, setProfileInfo } from "@redux/outstaffingSlice"; import { urlForLocal } from "@utils/helper"; import { apiRequest } from "@api/request"; import avatarMok from "assets/images/avatarMok.png"; export const Navigation = () => { const dispatch = useDispatch(); const profileInfo = useSelector(getProfileInfo); const [user] = useState( localStorage.getItem("role_status") === "18" ? "partner" : "developer" ); const [navInfo] = useState({ developer: [ { path: "/summary", name: "Резюме", }, { path: "/calendar", name: "Отчетность", }, { path: "/tracker", name: "Трекер", }, { path: "/payouts", name: "Выплаты", }, { path: "/settings", name: "Настройки", }, ], partner: [ { path: "/catalog", name: "Каталог", }, { path: "/requests", name: "Запросы", }, { path: "/categories", name: "Персонал", }, { path: "/tracker", name: "Трекер", }, { path: "/treaties", name: "Договора", }, { path: "/settings", name: "Настройки", }, ], }); 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]); return (