"use client"; import Image from "next/image"; import { useContext, useEffect, useState } from "react"; import cover from "../../public/images/navbar/n1.jpg"; import divider from "../../public/images/divider.png"; import logoWhite from "../../public/images/logo-white.png"; import logoBlack from "../../public/images/logo.png"; import SearchSideBar from "@comp/Category/Mobile/Component/SearchSideBar/page"; import AppContext from "@ctx/AppContext"; import Link from "next/link"; import PersianNumber from "plugins/PersianNumber"; import BottomSheetCart from "plugins/bottomSheet/BottomSheetCart"; import CartNavbar from "./CartNavbar/page"; const Navbar = ({ theme }) => { const [open, setOpen] = useState(false); const CTX = useContext(AppContext); const dataNav = CTX.state.navData; const profile = CTX.state.profile; const cart = CTX.state.cart; console.log("dataNav", dataNav); const [navItemHover, setNavItemHover] = useState(null); const [isDesktop, setIsDesktop] = useState(null); const [closeNavbar, setClosNavbar] = useState(false); const [isScrolled, setIsScrolled] = useState(false); const [smallDashboard, setSmallDashboard] = useState(false); const handleItemNavber = (index) => { setNavItemHover(index); console.log("index", index); }; useEffect(() => { const handleResize = () => { setIsDesktop(window.innerWidth > 1000); // You can adjust the width threshold as needed }; // Set initial window size handleResize(); // Add event listener to handle window resize window.addEventListener("resize", handleResize); // Remove event listener on component unmount return () => { window.removeEventListener("resize", handleResize); }; }, []); useEffect(() => { const handleScroll = () => { const scrollTop = window.scrollY; setIsScrolled(scrollTop > 200); }; window.addEventListener("scroll", handleScroll); return () => { window.removeEventListener("scroll", handleScroll); }; }, []); return ( <> {isDesktop && (
وسمه vesmeh
{profile?.length <= 0 ? (
ورود / عضویت{" "}
) : (
setSmallDashboard(!smallDashboard)} >

{profile?.firstName} {profile?.lastName}

{smallDashboard && (
setSmallDashboard(true)} onMouseLeave={() => setSmallDashboard(false)} >

  • داشبورد

  • پیگیری سفارش

  • آدرس ها{" "}

  • CTX.setBottomSheetLogOutOpen(true) } >

    خروج{" "}

)}
)}
{dataNav?.map((e, index) => (

handleItemNavber(index)} onMouseLeave={() => setNavItemHover(null)} key={index} > {e.name}{" "}

))}
{ const element = document.getElementById("offer"); if (element) { const offset = -80; // Adjust this value as needed window.scrollTo({ top: element.offsetTop + offset, behavior: "smooth", }); } }} >

بمب امروز

setNavItemHover(navItemHover)} onMouseLeave={() => setNavItemHover(null)} >
    {navItemHover != null && dataNav && dataNav[navItemHover].children.map((e, index) => (

  • {e.name}

    {e.children.length > 0 && (
    )}
    {/* ======hear==== */} {e.children && e.children.length > 0 && (
    {e.children.map((child, index) => (

    {child.name}

    ))}
    )}
    • ))}
{`${dataNav[navItemHover]?.name}
{/*

چرا آرایشی وسمه ؟

*/}
)} {!isDesktop && ( <>
{" "}
{isScrolled ? ( وسمه vesmeh ) : ( وسمه vesmeh )}
{profile?.length <= 0 ? (
ورود / عضویت{" "}
) : (
setSmallDashboard(!smallDashboard)} >

{profile?.firstName} {profile?.lastName}

{" "}
{smallDashboard && (
setSmallDashboard(true)} onMouseLeave={() => setSmallDashboard(false)} >

  • داشبورد

  • پیگیری سفارش

  • آدرس ها{" "}

  • CTX.setBottomSheetLogOutOpen(true) } >

    خروج{" "}

)}
)}
CTX.setBottomSheetCartOpen(true)} >
{cart?.length > 0 && (
)}
)} ); }; export default Navbar;