diff --git a/workloads/ecommerce/components/layout/navbar.tsx b/workloads/ecommerce/components/layout/navbar.tsx index 227fb11..b392300 100644 --- a/workloads/ecommerce/components/layout/navbar.tsx +++ b/workloads/ecommerce/components/layout/navbar.tsx @@ -10,6 +10,7 @@ import { Button } from "@/components/ui/button"; import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from "@/components/ui/sheet"; import type { Category, Product } from "@/lib/headless/types"; import { useCartStore } from "@/store/cart-store"; +import { useCustomerStore } from "@/store/customer-store"; import { useWishlistStore } from "@/store/wishlist-store"; type CategoryNode = Category & { children: Category[] }; @@ -34,6 +35,9 @@ export function Navbar({ products, categories }: { products: Product[]; categori const openWishlist = useWishlistStore((state) => state.openWishlist); const count = cartHydrated ? items.reduce((sum, item) => sum + item.quantity, 0) : 0; const wishlistCount = wishlistHydrated ? wishlistProducts.length : 0; + const customer = useCustomerStore((state) => state.customer); + const customerHydrated = useCustomerStore((state) => state.hasHydrated); + const isLoggedIn = customerHydrated && customer !== null; const tree = useMemo(() => buildCategoryTree(categories), [categories]); // Derivado de los productos reales (no de un endpoint de colecciones): @@ -62,7 +66,15 @@ export function Navbar({ products, categories }: { products: Product[]; categori
- + {/* Antes escondido en mobile (solo alcanzable desde el menu + hamburguesa) -- pedido explicito del usuario: visible + siempre en el header, con un punto verde cuando hay sesion + iniciada (mismo patron que el badge de cantidad del + carrito/favoritos, pero de presencia, no de conteo). */} +