Module components/billet/billetCard

Module de composant BilletCard pour l'affichage des billets des Jeux Olympiques

Ce module contient le composant BilletCard qui présente visuellement un ticket d'événement sportif avec toutes les informations essentielles :

• Informations du client (nom, prénom)
• Détails de l'événement (description, lieu, date)
• Informations de l'offre (libellé, nombre de personnes, montant, description)
• Statut du billet (valide/invalide) avec codes couleur appropriés
• Bouton d'accès au QR code pour validation à l'entrée

Fonctionnalités principales

Le composant adapte automatiquement son apparence selon le statut :

• Billet valide : fond vert clair avec badge vert
• Billet invalide : fond rouge clair avec badge rouge

Interactions utilisateur

• Clic sur le bouton "QrCode" ouvre un modal avec le QR code scannable
• Interface responsive adaptée aux différentes tailles d'écran
• Gestion d'état pour l'ouverture/fermeture du modal QR code

Logique interne

• Calcul automatique des classes CSS selon le statut du billet
• Gestion de l'état du modal QR code avec useState
• Rendu conditionnel du modal selon l'état d'ouverture