import PerfectScrollbar from 'react-perfect-scrollbar'; import { useDispatch, useSelector } from 'react-redux'; import Link from 'next/link'; import { toggleSidebar } from '../../store/themeConfigSlice'; import AnimateHeight from 'react-animate-height'; import { IRootState } from '../../store'; import { useState, useEffect } from 'react'; import { useRouter } from 'next/router'; import Image from 'next/image'; import { setUser, setUserEmail, setUserName } from '@/store/userConfigSlice'; const Sidebar = () => { const router = useRouter(); const [currentMenu, setCurrentMenu] = useState(''); const [errorSubMenu, setErrorSubMenu] = useState(false); const themeConfig = useSelector((state: IRootState) => state.themeConfig); const semidark = useSelector((state: IRootState) => state.themeConfig.semidark); const toggleMenu = (value: string) => { setCurrentMenu((oldValue) => { return oldValue === value ? '' : value; }); }; const [isAdmin, setIsAdmin] = useState(false); const user_email = useSelector((state: IRootState) => state.userConfig.user_email); useEffect(() => { if (user_email.includes('theaurumlab.com')) { setIsAdmin(true); } }, [user_email]); useEffect(() => { const selector = document.querySelector('.sidebar ul a[href="' + window.location.pathname + '"]'); if (selector) { selector.classList.add('active'); const ul: any = selector.closest('ul.sub-menu'); if (ul) { let ele: any = ul.closest('li.menu').querySelectorAll('.nav-link') || []; if (ele.length) { ele = ele[0]; setTimeout(() => { ele.click(); }); } } } }, []); useEffect(() => { setActiveRoute(); if (window.innerWidth < 1024 && themeConfig.sidebar) { dispatch(toggleSidebar()); } }, [router.pathname]); const setActiveRoute = () => { let allLinks = document.querySelectorAll('.sidebar ul a.active'); for (let i = 0; i < allLinks.length; i++) { const element = allLinks[i]; element?.classList.remove('active'); } const selector = document.querySelector('.sidebar ul a[href="' + window.location.pathname + '"]'); selector?.classList.add('active'); }; const dispatch = useDispatch(); return (
); }; export default Sidebar;