Blittech/badoHair_fe
4
0
Fork 0
mirror of http://88.130.71.182:3000/BlitTech/badoHair_fe.git synced 2026-06-13 10:41:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update May 12 by Elvis

Browse Source
This commit is contained in:
belviskhoremk
2026-05-12 00:28:37 +00:00
parent b32a70cd0e
commit c4450c993b
37 changed files with 3749 additions and 600 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
components/Header.tsx
View File

@@ -1,9 +1,10 @@
"use client";
import { ShoppingBag, User, Menu, X } from "lucide-react";
import { ShoppingBag, User, Menu, X, LogOut } from "lucide-react";
import { useState } from "react";
import { useCart } from "@/contexts/CartContext";
import { useLanguage } from "@/contexts/LanguageContext";
import { useAuth } from "@/contexts/AuthContext";
import LanguageSwitcher from "./LanguageSwitcher";
import Link from "next/link";
import { usePathname } from "next/navigation";
@@ -12,6 +13,7 @@ export default function Header() {
const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
const { totalItems, setIsCartOpen } = useCart();
const { t } = useLanguage();
const { user, logout } = useAuth();
const currentPath = usePathname();
const navLinks = [
@@ -58,9 +60,36 @@ export default function Header() {
{/* Right icons */}
<div className="flex items-center gap-3">
<LanguageSwitcher />
<Link href="/connexion" className="p-2 text-muted-foreground hover:text-foreground transition-colors">
<User className="h-5 w-5" />
</Link>
{user ? (
<div className="flex items-center gap-2">
<Link
href="/mon-compte"
className="hidden lg:flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground transition-colors"
title={t("nav.account")}
>
<User className="h-4 w-4" />
{user.full_name ?? user.email}
</Link>
<Link
href="/mon-compte"
className="lg:hidden p-2 text-muted-foreground hover:text-foreground transition-colors"
title={t("nav.account")}
>
<User className="h-5 w-5" />
</Link>
<button
onClick={logout}
className="p-2 text-muted-foreground hover:text-foreground transition-colors"
title={t("auth.logout")}
>
<LogOut className="h-5 w-5" />
</button>
</div>
) : (
<Link href="/connexion" className="p-2 text-muted-foreground hover:text-foreground transition-colors">
<User className="h-5 w-5" />
</Link>
)}
<button
onClick={() => setIsCartOpen(true)}
className="p-2 text-muted-foreground hover:text-foreground transition-colors relative cursor-pointer"