Function ClientsTable

Composant ClientsTable - Tableau d'affichage et gestion des clients AdminJO

Ce composant affiche la liste des clients dans un tableau responsive avec gestion des états de chargement, erreurs, et actions limitées (activation/désactivation). Il utilise le composant ClientsTableRow pour afficher chaque ligne.

Fonctionnalités réellement implémentées

Affichage du tableau

• En-tête avec compteur : "Clients (X)" avec nombre total affiché
• Bouton d'actualisation : 🔄 Actualiser avec état disabled pendant loading
• Indicateur de chargement : Spinner + texte "Chargement..." pendant les opérations

Gestion des états

• État de chargement : Affichage du spinner et désactivation du bouton refresh
• Gestion d'erreurs : Zone d'affichage des erreurs avec fond rouge si présentes
• État vide : Message affiché quand aucun client n'est trouvé
• Résultats de recherche : Indication du terme recherché quand applicable

⚡ Actions disponibles

• Actualisation : Bouton pour recharger les données (callback onRefresh)
• Toggle activation : Transmission de handleToggleActive aux lignes

Structure du composant

Props reçues

• clients : Array des clients à afficher
• loading : État de chargement pour l'interface
• searchTerm : Terme de recherche pour messages contextuels
• onRefresh : Callback pour actualiser les données
• error : Message d'erreur optionnel à afficher
• handleToggleActive : Fonction pour activer/désactiver un client

Rendu conditionnel

• Loading : Spinner visible pendant le chargement
• Erreur : Zone rouge d'affichage des erreurs
• Données : Tableau avec en-têtes et lignes ClientsTableRow
• Vide : Messages différents selon présence de searchTerm

Intégration avec ClientsTableRow

Le composant utilise ClientsTableRow pour chaque client :

• Transmission des données client
• Callback handleToggleActive pour les actions
• Gestion uniforme du design et interactions