Function LieuxTable

Name

LieuxTable Ce composant constitue l'interface centrale de visualisation des lieux olympiques des Jeux Olympiques 2024. Il orchestre l'affichage sous forme de tableau structuré avec colonnes spécialisées (nom lieu, actions), gestion complète des états (chargement, erreurs, vide), système de rafraîchissement intelligent, et intégration des actions CRUD via lignes interactives. Conçu pour l'administration JO, il suit les standards AdminJO avec responsive design, feedback utilisateur riche, et gestion optimisée des établissements sportifs olympiques.

Structure et affichage tableau spécialisé lieux olympiques

Architecture tableau simplifiée lieux

• Header tableau : Section avec titre + compteur + actions refresh
• Colonnes spécialisées : Nom du Lieu, Actions (structure épurée)

Colonnes tableau optimisées métier lieux olympiques

• Colonne 1 - Nom lieu : "Nom du Lieu" avec établissements olympiques
• Colonne 2 - Actions : "Actions" avec boutons Modifier/Supprimer

Intégration lignes et actions CRUD lieux

Rendu dynamique des lignes lieux

• Mapping optimisé : lieux.map((lieu) => ...) avec key stable
• Composant ligne : LieuxTableRow pour chaque lieu
• Props transmission : lieu, onDelete, onEdit vers lignes
• Callbacks bubbling : Remontée actions ligne vers composant parent
• Données complètes : Objet lieu transmis intégralement

Actions tableau et callbacks lieux

• Refresh intelligent : onRefresh() préserve contexte recherche
• Suppression lieu : onDelete(id) avec ID numérique pour sécurité
• Édition lieu : onEdit(lieu) avec objet Lieu complet
• Délégation logique : Actions gérées par composants parents
• État préservé : Callbacks n'affectent pas état local tableau
• Feedback externe : Notifications gérées par LieuxManagement
• Synchronisation : Mise à jour automatique via props lieux