'use client'; import { useEffect, useState } from 'react'; import { useDispatch, useSelector } from 'react-redux'; import Link from 'next/link'; import { IRootState } from '@/store'; import { toggleRTL, toggleSidebar, toggleTheme } from '@/store/themeConfigSlice'; import IconMenu from '@/components/icon/icon-menu'; import { signOut, useSession } from 'next-auth/react'; import { getTranslation } from '../../../i18n'; import { usePathname, useRouter } from 'next/navigation'; import Dropdown from '../dropdown'; export const Header = () => { const pathname = usePathname(); const dispatch = useDispatch(); const router = useRouter(); const { t, i18n } = getTranslation(); useEffect(() => { const selector = document.querySelector('ul.horizontal-menu a[href="' + window.location.pathname + '"]'); if (selector) { const all: any = document.querySelectorAll('ul.horizontal-menu .nav-link.active'); for (let i = 0; i < all.length; i++) { all[0]?.classList.remove('active'); } let allLinks = document.querySelectorAll('ul.horizontal-menu a.active'); for (let i = 0; i < allLinks.length; i++) { const element = allLinks[i]; element?.classList.remove('active'); } 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) { ele = ele[0]; setTimeout(() => { ele?.classList.add('active'); }); } } } }, [pathname]); const isRtl = useSelector((state: IRootState) => state.themeConfig.rtlClass) === 'rtl'; const themeConfig = useSelector((state: IRootState) => state.themeConfig); const setLocale = (flag: string) => { if (flag.toLowerCase() === 'ae') { dispatch(toggleRTL('rtl')); } else { dispatch(toggleRTL('ltr')); } router.refresh(); }; function createMarkup(messages: any) { return { __html: messages }; } const [messages, setMessages] = useState([ { id: 1, image: '', title: 'Congratulations!', message: 'Your OS has been updated.', time: '1hr', }, { id: 2, image: '', title: 'Did you know?', message: 'You can switch between artboards.', time: '2hr', }, { id: 3, image: ' ', title: 'Something went wrong!', message: 'Send Reposrt', time: '2days', }, { id: 4, image: ' ', title: 'Warning', message: 'Your password strength is low.', time: '5days', }, ]); const removeMessage = (value: number) => { setMessages(messages.filter((user) => user.id !== value)); }; const [notifications, setNotifications] = useState([ { id: 1, profile: 'user-profile.jpeg', message: 'John Doeinvite you to Prototyping', time: '45 min ago', }, { id: 2, profile: 'profile-34.jpeg', message: 'Adam Nolanmentioned you to UX Basics', time: '9h Ago', }, { id: 3, profile: 'profile-16.jpeg', message: 'Anna MorganUpload a file', time: '9h Ago', }, ]); const session = useSession(); return (
logo Driver app
{/*
{themeConfig.theme === 'light' ? ( ) : ( '' )} {themeConfig.theme === 'dark' && ( )} {themeConfig.theme === 'system' && ( )}
*/} {/*
*/} {/*
} >
    {themeConfig.languageList.map((item: any) => { return (
    • ); })}
*/}
{(session.status !== 'loading' && session.status === 'authenticated' && session.data.user.userInfo.fullName && session.data.user.userInfo.fullName[0]) ?? "A"}
} >
  • {(session.status !== 'loading' && session.status === 'authenticated' && session.data.user.userInfo.fullName && session.data.user.userInfo.fullName[0]) ?? "A"}

    {session?.data?.user?.userInfo.fullName} {session.data?.user.userInfo.role}

); }; export const ItemMenu = ({ to, label, icon }: { to: string, label: string, icon?: any }) => { return (
  • {icon} {label}
    • ) }