Checkpoint: Amélioration visuelle de la page des apprenants : l'icône œil (visualisation) s'affiche en bleu, l'icône corbeille en rouge pour mieux signaler l'action destructive. La fonction de chaque apprenant est maintenant colorée (Directeurs en bleu, Chefs de service en vert, Autre en gris) pour faciliter l'identification visuelle rapide et maintenir une cohérence avec le reste de l'interface.
This commit is contained in:
@@ -295,8 +295,14 @@ export default function AdminApprenants() {
|
||||
<TableCell>{apprenant.email}</TableCell>
|
||||
<TableCell>{apprenant.codeEtablissement}</TableCell>
|
||||
<TableCell>
|
||||
{apprenant.fonction === "directeur" ? "Directeur" :
|
||||
apprenant.fonction === "chef_service" ? "Chef de service" : "Autre"}
|
||||
<span className={`font-semibold ${
|
||||
apprenant.fonction === "directeur" ? "text-blue-600" :
|
||||
apprenant.fonction === "chef_service" ? "text-green-600" :
|
||||
"text-gray-600"
|
||||
}`}>
|
||||
{apprenant.fonction === "directeur" ? "Directeur" :
|
||||
apprenant.fonction === "chef_service" ? "Chef de service" : "Autre"}
|
||||
</span>
|
||||
</TableCell>
|
||||
<TableCell className="text-right">
|
||||
<div className="flex justify-end gap-2">
|
||||
@@ -306,7 +312,7 @@ export default function AdminApprenants() {
|
||||
onClick={() => setLocation(`/admin/apprenants/${apprenant.id}`)}
|
||||
title="Voir les détails et inscriptions"
|
||||
>
|
||||
<Eye className="w-4 h-4" />
|
||||
<Eye className="w-4 h-4 text-blue-600" />
|
||||
</Button>
|
||||
<Button
|
||||
variant="ghost"
|
||||
@@ -320,7 +326,7 @@ export default function AdminApprenants() {
|
||||
size="icon"
|
||||
onClick={() => handleDelete(apprenant.id)}
|
||||
>
|
||||
<Trash2 className="w-4 h-4 text-destructive" />
|
||||
<Trash2 className="w-4 h-4 text-red-600" />
|
||||
</Button>
|
||||
</div>
|
||||
</TableCell>
|
||||
|
||||
Reference in New Issue
Block a user