import Link from "next/link"; import { Search, Heart, User, ShoppingCart, ChevronLeft, LogOut } from "lucide-react"; import { useState, useEffect } from "react"; import { motion } from "framer-motion"; import Image from "next/image"; import { useRouter } from "next/router"; import authService from "../services/auth"; export default function Header() { const router = useRouter(); // Состояние для отслеживания прокрутки страницы const [scrolled, setScrolled] = useState(false); // Состояние для отслеживания аутентификации пользователя const [isAuthenticated, setIsAuthenticated] = useState(false); // Состояние для отображения выпадающего меню пользователя const [showUserMenu, setShowUserMenu] = useState(false); // Эффект для проверки аутентификации при загрузке компонента useEffect(() => { setIsAuthenticated(authService.isAuthenticated()); }, []); // Эффект для отслеживания прокрутки useEffect(() => { const handleScroll = () => { const isScrolled = window.scrollY > 50; if (isScrolled !== scrolled) { setScrolled(isScrolled); } }; window.addEventListener('scroll', handleScroll); return () => { window.removeEventListener('scroll', handleScroll); }; }, [scrolled]); // Функция для выхода из системы const handleLogout = () => { authService.logout(); setIsAuthenticated(false); setShowUserMenu(false); router.push('/'); }; // Функция для возврата на предыдущую страницу const goBack = () => { router.back(); }; // Проверяем, находимся ли мы на главной странице const isHomePage = router.pathname === "/"; // Проверяем, находимся ли мы на странице категорий или коллекций const isDetailPage = router.pathname.includes("[slug]"); // Функция для переключения отображения меню пользователя const toggleUserMenu = () => { setShowUserMenu(!showUserMenu); }; return (
); }