C'est le code des deux parties du header, et de la bannière (avec la photo de la dame).
Apparement le header est sur toutes les pages, donc je fais appel directement à ce composant dans App.
Le reste de la page change en fonction de la route.
La bannière est dans Home. J'ai profité pour ajouter le footer dans Home.
Aussi le header est fixe lors du scroll , j'ai utilisé les propriétés positions pour le rendre possible.
Dernière chose, lors du clic sur la navBar de catégoris (Femmes,enfants), une pop-up de sous-catégories s'ouvre. La position de la popup horizontale change en fonction de la catéogie sélectionnée. J'ai pu avoir ette fonctionnalité avec un listener qui détermine la position hozitontale de la position sélectionnée.
Le problème conséquent est qu'il n'est pas possible de fermer la pop-up en cliquant à gauche de celle-ci. Il est peut-être possible de faire autrement sans listner, avec un flex, mais j'ai préféré avancer.
C'est le code des deux parties du header, et de la bannière (avec la photo de la dame). Apparement le header est sur toutes les pages, donc je fais appel directement à ce composant dans App. Le reste de la page change en fonction de la route.
La bannière est dans Home. J'ai profité pour ajouter le footer dans Home.
Aussi le header est fixe lors du scroll , j'ai utilisé les propriétés positions pour le rendre possible.
Dernière chose, lors du clic sur la navBar de catégoris (Femmes,enfants), une pop-up de sous-catégories s'ouvre. La position de la popup horizontale change en fonction de la catéogie sélectionnée. J'ai pu avoir ette fonctionnalité avec un listener qui détermine la position hozitontale de la position sélectionnée. Le problème conséquent est qu'il n'est pas possible de fermer la pop-up en cliquant à gauche de celle-ci. Il est peut-être possible de faire autrement sans listner, avec un flex, mais j'ai préféré avancer.