Function EpreuvesTableRow

Name

EpreuvesTableRow

Ce composant représente une ligne individuelle dans le tableau des épreuves sportives olympiques. Il affiche les informations essentielles d'une épreuve (nom et discipline associée) avec iconographie spécialisée et fournit les actions CRUD directes via boutons intégrés. Conçu pour l'interface d'administration des Jeux Olympiques 2024, il suit les standards de design AdminJO avec states hover interactifs et gestion optimisée des relations épreuves ↔ disciplines.

Données affichées réellement implémentées

Informations épreuve principale

• Libellé épreuve : epreuve.libelle
• Nom complet : Désignation officielle épreuve (ex: "100m nage libre hommes")

Informations discipline associée avec iconographie

• Nom discipline : epreuve.discipline.nom
• Icône discipline : epreuve.discipline.icone via composant Next.js Image
• Gestion conditionnelle : Affichage icône seulement si disponible
• Dimensions icône : 20x20px optimisées pour lisibilité ligne tableau

Actions utilisateur CRUD intégrées

Action de modification épreuve

• Bouton "Modifier" : Déclenche édition épreuve complète
• Callback : onEdit(epreuve) avec objet épreuve complet

🗑Action de suppression épreuve

• Bouton "Supprimer" : Déclenche suppression épreuve
• Callback : onDelete(epreuve.id) avec ID numérique épreuve
• Confirmation : Gestion confirmations dans composants parents
• Sécurité : Transmission ID uniquement pour limitation exposition

Spécificités épreuves olympiques

Types de données épreuve gérées

• Libellé : string - Nom complet épreuve officiel
• ID : number - Identifiant unique épreuve
• Discipline : objet - Référence discipline parente
• Relations : discipline.nom, discipline.icone
• Structure : Type Epreuve importé depuis types/sportEvenement
• Validation : Types TypeScript strictes pour sécurité

Sécurité et validation

Aspects sécuritaires

• Validation props : Interface TypeScript stricte
• Sanitisation : Affichage sécurisé données textuelles
• ID transmission : Seul ID transmis pour suppression
• XSS prevention : React échappe automatiquement contenu
• Image sources : URLs icônes validées côté serveur
• Type safety : Interfaces Props et Epreuve strictes

Validation des données affichées

• Libellé épreuve : Affichage string avec échappement auto
• Nom discipline : Propriété imbriquée sécurisée
• Icône discipline : Conditional rendering évite erreurs null
• Actions callbacks : Validation types paramètres
• Cohérence : Structure données garantie par types TS