Les propriétés du composant
ID de l'événement concerné
Places restantes pour validation
Callback pour réserver des places
Callback pour annuler des réservations
Grille d'offres avec gestion des réservations ou états de chargement/erreur
// Utilisation dans un modal d'événement
<DisplayedOffre
evenementId={evenement.id}
remainingTickets={remainingTickets}
onReservePlaces={(eventId, offerId) => reservePlaces(eventId, offerId)}
onUnReservePlaces={(eventId, offerId) => unReservePlaces(eventId, offerId)}
/>
// Avec gestion d'état de réservation
const handleReservation = useCallback((eventId: number, offerId: number) => {
// Logique de réservation
updateReservations(eventId, offerId);
}, []);
Composant DisplayedOffre pour l'affichage et la gestion des offres d'événements. Voir la documentation du module ci-dessus pour les détails complets.
Le composant récupère et affiche toutes les offres disponibles sous forme de grille, en intégrant les fonctionnalités de réservation et la synchronisation avec le panier. Il gère automatiquement les états de chargement et les erreurs.