Bouton profil avec modal d'auth ou menu déroulant selon le statut utilisateur
// Utilisation dans un header
import Profile from '@/components/header/Profile';
function Header() {
return (
<nav>
<div>Logo</div>
<div>Navigation</div>
<Profile />
</nav>
);
}
// Dans HeaderMobile et HeaderDesktop
<div className="flex justify-between">
<MenuBurger />
<Logo />
<Profile />
</div>
// Avec Redux Provider pour le panier
function App() {
return (
<Provider store={store}>
<AuthProvider>
<Header />
</AuthProvider>
</Provider>
);
}
Composant Profile pour la gestion du profil utilisateur et du panier. Voir la documentation du module ci-dessus pour les détails complets.
Le composant gère intelligemment l'affichage selon l'état d'authentification : modal de connexion pour les visiteurs, menu déroulant pour les utilisateurs connectés. Il intègre un badge panier dynamique et une navigation contextuelle.