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() {