diff --git a/src/components/layout/Header.jsx b/src/components/layout/Header.jsx index be886b3..e799a9c 100644 --- a/src/components/layout/Header.jsx +++ b/src/components/layout/Header.jsx @@ -1,17 +1,17 @@ -import { useState, useEffect } from "react"; +import React, { useState, useEffect } from 'react'; import { Link, useNavigate, useLocation } from "react-router-dom"; import { useAuth } from "../../contexts/AuthContext"; import { FiSearch, FiMenu, FiX, FiUser } from "react-icons/fi"; import SearchBar from "../ui/SearchBar"; import Logo from "../ui/Logo"; -function Header() { +const Header = () => { + const { user, userProfile, signOut } = useAuth(); + const navigate = useNavigate(); + const location = useLocation(); const [isScrolled, setIsScrolled] = useState(false); const [isMenuOpen, setIsMenuOpen] = useState(false); const [isSearchOpen, setIsSearchOpen] = useState(false); - const { currentUser, userProfile, logout } = useAuth(); - const navigate = useNavigate(); - const location = useLocation(); // Close mobile menu when route changes useEffect(() => { @@ -35,10 +35,10 @@ function Header() { const handleLogout = async () => { try { - await logout(); + await signOut(); navigate("/"); } catch (error) { - console.error("Не удалось войти", error); + console.error("Не удалось выйти:", error); } }; @@ -96,7 +96,7 @@ function Header() { - {currentUser ? ( + {user ? (
+ {userProfile?.role === 'admin' && ( + + Админ панель + + )} Профиль @@ -125,9 +133,20 @@ function Header() {
) : ( - - Войти - + <> + + Войти + + + Регистрация + + )} {/* Mobile Menu Button */} @@ -170,7 +189,7 @@ function Header() { Фильмы Сериалы @@ -186,6 +205,6 @@ function Header() { ); -} +}; export default Header;