import React, { useEffect, useState } from "react"; import logo from "../Images/logo.png"; import "../styles/Header.css"; import SearchIcon from "@mui/icons-material/Search"; import AccountCircleIcon from "@mui/icons-material/AccountCircle"; //import ShoppingBasketIcon from '@mui/icons-material/ShoppingBasket'; import ArrowDropDownIcon from "@mui/icons-material/ArrowDropDown"; import WeekendIcon from "@mui/icons-material/Weekend"; import MeetingRoomIcon from "@mui/icons-material/MeetingRoom"; import TableRestaurantIcon from "@mui/icons-material/TableRestaurant"; import BedIcon from "@mui/icons-material/Bed"; import KitchenIcon from "@mui/icons-material/Kitchen"; import ChairAltIcon from "@mui/icons-material/ChairAlt"; import BedroomChildIcon from "@mui/icons-material/BedroomChild"; import DeckIcon from "@mui/icons-material/Deck"; import ShoppingBasketIcon from "@mui/icons-material/ShoppingCart"; import MenuIcon from "@mui/icons-material/Menu"; import { Link, NavLink, useNavigate } from "react-router-dom"; import logo2 from "../Images/logo2.png"; import Badge from "react-bootstrap/Badge"; import ArrowBackIcon from "@mui/icons-material/ArrowBack"; import { Store } from "../Store"; import { useContext } from "react"; import NavDropdown from "react-bootstrap/NavDropdown"; import { height } from "@mui/system"; import Axios from "axios"; import CategoryMenu from "./CategoryMenu"; const toggleMenu = (event) => { event.stopPropagation(); let menu = document.querySelector(".mobile-menu-container"); menu.classList.remove("hidden"); menu.classList.add("visible"); }; const toggleSubMenu = (event) => { event.stopPropagation(); let menu = document.querySelector(".subDropdown"); menu.classList.remove("hidden"); menu.classList.add("visible"); let tog = document.querySelector(".subMenu"); tog.removeAttribute("onClick"); console.log("SubMenu Visible"); }; const categoryMenuTrigger = (event) => { event.stopPropagation(); let span = event.target; let menu = document.querySelector(`.${span.classList[0]}-menu`); menu.classList.remove("hidden"); menu.classList.add("visible"); }; const closeMenu = (event) => { let menu = document.querySelector(".mobile-menu-container"); menu.classList.remove("visible"); menu.classList.add("hidden"); }; const backToMenu = (event) => { event.stopPropagation(); let menu1 = document.querySelector(".subDropdown"); menu1.classList.remove("visible"); menu1.classList.add("hidden"); console.log("SubMenu Invisible"); }; const backToSubMenu = (event) => { event.stopPropagation(); let menu = document.querySelector(`.${event.target.classList[0]}-menu`); menu.classList.remove("visible"); menu.classList.add("hidden"); }; function Header() { const { state, dispatch: ctxDispatch } = useContext(Store); const { cart, userInfo } = state; const navigate = useNavigate(); const [categories, setCategories] = useState([]); //const [] const signoutHandler = () => { ctxDispatch({ type: "USER_SIGNOUT" }); localStorage.removeItem("userInfo"); localStorage.removeItem("shippingAddress"); localStorage.removeItem("paymentMethod"); window.location.href = "/signin"; }; const searchHandler = () => { let text = document.querySelector(".header__searchInput").value; console.log(text); navigate(`/products/search?text=${text}`); }; useEffect(() => { const fetchData = async () => { const cat = await Axios.get(`/api/category/getCategories`); categories.splice(0, categories.length); for (let i = 0; i < cat.data.length; i++) { categories.push(cat.data[i]); } console.log(categories[0]); }; fetchData(); }, [categories]); const results = []; const results1 = []; const results2 = []; const results3 = []; if (categories) createMenu(categories); function createMenu(categories) { /* let ul = document.getElementById("category-ul-1"); for(let i=0;i { results.push(); }); for (let i = 0; i < categories.length; i++) { if (i < 3) { results1.push(); } else if (i < 5) { results2.push(); } else { results3.push(); } } console.log("Results:"); console.log(categories); } return (
logo { navigate("/"); }} >
x
  • Почетна
  • Производи
    Назад
    • Дневна
      Назад
      • Аголни гарнитури
      • Софи
      • Фотелји
      • Табуретки
      • Клуб Маси
      • ТВ Комоди
      • Комоди
    • Ходник
      Назад
      • Шкафови за чевли
      • Закачалки и огледала
      • Колекции за ходник
    • Кујна
      Назад
      • Кујнски аголни гарнитури
      • Стандардни кујни
    • Спална
      Назад
      • Спални комплети
      • Лежаи
      • Кревети
      • Плакари
      • Ноќни шкафчиња
      • Тоалетни маси
    • Градина
      Назад
      • Градинарски комплети
      • Градинарски лулки
      • Градинарски чадори
      • Градинарски маси
      • Градинарски столови
      • Градинарско осветлување
    • Канцеларија
      Назад
      • Бироа
      • Канцелариски столови
      • Гејмерски столови
      • Канцелариски шкафови
    • Трпезарија
      Назад
      • Трпезариски маси
      • Трпезариски столови
      • Кујнски гарнитури
      • Бар столови и маси
    • Детска соба
      Назад
      • Колекции за детска соба
      • Детски бироа
      • Лежаи
  • За Нас
  • Контакти
{userInfo && userInfo.isAdmin && (

{userInfo.name}

} id="basic-nav-dropdown" > { navigate("/profile"); }} > Профил { navigate("/admin/dashboard"); }} > Dashboard Одјави се )} {userInfo && !userInfo.isAdmin && (

{userInfo.name}

} id="basic-nav-dropdown" > { navigate("/profile"); }} > Профил { navigate("/orderhistory"); }} > Нарачки Одјави се )} {!userInfo && ( { navigate("/orderhistory"); }} >

Најави се

 )} {cart.cartItems.length > 0 && ( {cart.cartItems.reduce((a, c) => a + c.quantity, 0)} )}
); } export default Header;