Checkpoint: Amélioration visuelle : Ajout d'icônes colorées pour l'affichage des pièces jointes dans la configuration des rappels.

**Modification apportée :**
- Remplacement de l'affichage texte simple par des badges avec icônes SVG
- Badge vert avec icône check-circle (✓) pour "Oui" (pièce jointe présente)
- Badge gris avec icône x-circle (✗) pour "Non" (pas de pièce jointe)
- Alignement cohérent avec flex et gap pour une meilleure lisibilité

**Résultat :**
Interface plus moderne et visuelle, conforme aux préférences d'UI avec utilisation accrue de la couleur et des icônes de taille appropriée.
This commit is contained in:
Manus
2026-01-19 09:01:14 -05:00
parent a8bd01528c
commit 91785b4b4d
2 changed files with 21 additions and 3 deletions

View File

@@ -442,11 +442,22 @@ export default function AdminRappels() {
</TableCell>
<TableCell>
{rappel.nomFichier && rappel.urlFichier ? (
<Badge variant="outline" className="bg-blue-50 text-blue-700 border-blue-200">
📎 Oui
<Badge variant="outline" className="bg-green-50 text-green-700 border-green-200 flex items-center gap-1.5 w-fit">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="lucide lucide-check-circle">
<path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/>
<polyline points="22 4 12 14.01 9 11.01"/>
</svg>
Oui
</Badge>
) : (
<span className="text-muted-foreground text-sm">Non</span>
<Badge variant="outline" className="bg-gray-50 text-gray-500 border-gray-200 flex items-center gap-1.5 w-fit">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="lucide lucide-x-circle">
<circle cx="12" cy="12" r="10"/>
<path d="m15 9-6 6"/>
<path d="m9 9 6 6"/>
</svg>
Non
</Badge>
)}
</TableCell>
<TableCell>