Checkpoint: ✅ Amélioration visuelle du bouton de test de rappels
- Ajout d'un badge de compteur indiquant le nombre de rappels actifs (ex: "1") - Désactivation visuelle du bouton pour les séquences sans rappels actifs (icône grisée) - Tooltip informatif adapté selon le contexte (nombre de rappels ou message d'erreur) - Amélioration de l'expérience utilisateur avec feedback visuel clair
This commit is contained in:
@@ -871,10 +871,22 @@ export default function AdminSequences() {
|
||||
variant="ghost"
|
||||
size="sm"
|
||||
onClick={() => handleTestRappel(sequence.id, sequence)}
|
||||
disabled={testerRappelMutation.isPending}
|
||||
title="Tester l'envoi d'un rappel"
|
||||
disabled={testerRappelMutation.isPending || (sequence.nbRappelsActifs === 0)}
|
||||
title={
|
||||
sequence.nbRappelsActifs === 0
|
||||
? "Aucun rappel actif configuré pour cette séquence"
|
||||
: `Tester l'envoi de ${sequence.nbRappelsActifs} rappel(s) actif(s)`
|
||||
}
|
||||
className="relative"
|
||||
>
|
||||
<Send className="h-4 w-4 text-green-600" />
|
||||
<Send className={`h-4 w-4 ${
|
||||
sequence.nbRappelsActifs === 0 ? 'text-gray-300' : 'text-green-600'
|
||||
}`} />
|
||||
{sequence.nbRappelsActifs > 0 && (
|
||||
<span className="absolute -top-1 -right-1 flex h-4 w-4 items-center justify-center rounded-full bg-green-600 text-[10px] font-bold text-white">
|
||||
{sequence.nbRappelsActifs}
|
||||
</span>
|
||||
)}
|
||||
</Button>
|
||||
<Button
|
||||
variant="ghost"
|
||||
|
||||
Reference in New Issue
Block a user