"use client"; import React, { useEffect, useState } from "react"; import Image from "next/image"; import logo from "../../public/images/logo.png"; import logoWhite from "../../public/images/logo-white.png"; import logoBlack from "../../public/images/logo.png"; import divider from "../../public/images/divider.png"; import cover from "../../public/images/cover.png"; import { Menu } from "@headlessui/react"; import { motion } from "framer-motion"; import Link from "next/link"; import PersianNumber from "plugins/PersianNumber"; import CardCategoriesMobile from "@comp/Cards/CardCategoriesMobile/page"; const Navbar = ({ theme, dataNav }) => { console.log(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 [smallBasket, setSmallBasket] = 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 && (
{2 == 2 ? (
ورود / عضویت{" "}
) : (
setSmallDashboard(!smallDashboard)} >

حسین معصومی پور

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

  • داشبورد

  • سفارشات

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

  • پشتیبانی{" "}

  • خروج{" "}

)}
)}
setSmallBasket(true)} onClick={() => setSmallBasket(false)} >

سبد خرید

{smallBasket && (
setSmallBasket(true)} onMouseLeave={() => setSmallBasket(false)} >

محصول موجود در سبد

{/*
*/}

جمع کل : تومان

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

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

))}

بمب امروز

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

  • {e.name}

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

    {child.name}

    ))}
    )}
    • ))}

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

)} {!isDesktop && ( <>
{" "}
setClosNavbar(true)}>
setClosNavbar(false) // setOpenResIgType(false) & // setResponsiveNavBarItemStep(0) } >
)} ); }; export default Navbar;