Composant ClientsTableRow - Ligne de tableau pour un client AdminJO
Ce composant affiche une ligne individuelle dans le tableau des clients avec
toutes les informations client et un bouton d'action pour activer/désactiver
le compte. Il s'agit d'un composant réutilisable utilisé par ClientsTable.
Fonctionnalités réellement implémentées
Affichage des données client
ID client : Numéro formaté avec préfixe # (ex: #123)
Nom et prénom : Informations personnelles du client
Téléphone : Numéro de contact
Email : Récupéré depuis client.user.email
Date de création : Formatée en français depuis client.user.date_joined
🏷Indicateur de statut
Badge coloré : Affichage visuel du statut actif/inactif
⚡ Action disponible
Bouton toggle : Permet d'activer/désactiver le compte client
Couleur contextuelle : Rouge pour désactiver, vert pour activer
Callback : Appel de onToggleActive avec l'ID du client
Structure des données
Props reçues
client : Objet Client complet avec propriétés imbriquées
onToggleActive : Callback pour l'action d'activation/désactivation
Structure Client utilisée
client.id : Identifiant unique
client.nom : Nom de famille
client.prenom : Prénom
client.telephone : Numéro de téléphone
client.user.email : Email du compte utilisateur associé
client.user.is_active : Statut d'activation du compte
client.user.date_joined : Date de création du compte
Parameters
props: Props
Configuration de la ligne client
client
Données complètes du client à afficher
onToggleActive
Callback pour activer/désactiver le client
Returns Element
Ligne de tableau avec données client et action toggle
See
ClientsTable - Composant parent utilisant cette ligne
Composant ClientsTableRow - Ligne de tableau pour un client AdminJO
Ce composant affiche une ligne individuelle dans le tableau des clients avec toutes les informations client et un bouton d'action pour activer/désactiver le compte. Il s'agit d'un composant réutilisable utilisé par ClientsTable.
Fonctionnalités réellement implémentées
Affichage des données client
🏷Indicateur de statut
⚡ Action disponible
Structure des données
Props reçues
client: Objet Client complet avec propriétés imbriquéesonToggleActive: Callback pour l'action d'activation/désactivationStructure Client utilisée
client.id: Identifiant uniqueclient.nom: Nom de familleclient.prenom: Prénomclient.telephone: Numéro de téléphoneclient.user.email: Email du compte utilisateur associéclient.user.is_active: Statut d'activation du compteclient.user.date_joined: Date de création du compte