/* eslint-disable max-len */ 'use client' import { useEffect, useState } from 'react'; import { useDispatch, useSelector } from 'react-redux'; import Link from 'next/link'; import { IRootState } from '../../store'; import { toggleTheme, toggleDirection } from '../../store/themeConfigSlice'; import { useRouter } from 'next/router'; import LocaleSwitcher from '../locale-switcher'; import { useTranslation } from 'next-i18next'; const Header = (props: any) => { const { t } = useTranslation('common'); // const { t } = useTranslation() const { categoryGroupList } = props; const router = useRouter(); const themeConfig = useSelector((state: IRootState) => state.themeConfig); const dispatch = useDispatch(); const [showMenu, setShowMenu] = useState(false); const toggleMenu = () => { if (window.innerWidth < 1024) { setShowMenu(!showMenu); } else { setShowMenu(false); } }; const [showSearch, setShowSearch] = useState(false); const toggleSearch = () => { setShowSearch(!showSearch); }; // const homPageName = 'الرئيسية' return ( <> {/*
header-add
*/}
plurk
toggleMenu()} className={`overlay fixed inset-0 z-[51] bg-black/60 lg:hidden ${showMenu ? '' : 'hidden'}`}>
    toggleMenu()}>
  • {/* {t('home')} */} {t('home')}
  • {categoryGroupList.map((group:any, index:any) => (
  • 0 ? 'group relative' : ''} onClick={(e) => e.stopPropagation()}> {group.category_list.length > 0 && (
    )}
  • {group.category_list.length > 0 && (
    e.stopPropagation()}> {group.category_list.map((subitem:any, subindex:any) => ( toggleMenu()} key={subindex} href={`/category/${subitem?.id}`} className={router.asPath === `/category/${subitem.id}` ? 'active' : ''} > {subitem.category_title} ))}
    )} ))}
  • {/* */}
  • {/* */}
); }; export default Header;