Checkpoint: Restreindre les droits des formateurs : masquer les boutons de création/modification/suppression des apprenants pour les formateurs (seuls les administrateurs peuvent les voir)

This commit is contained in:
Manus
2026-01-23 11:49:46 -05:00
parent 953677467a
commit 3c6f3eb741
2 changed files with 39 additions and 29 deletions

View File

@@ -12,8 +12,11 @@ import { useState, useMemo } from "react";
import { useLocation } from "wouter";
import { toast } from "sonner";
import { Skeleton } from "@/components/ui/skeleton";
import { useAuth } from "@/_core/hooks/useAuth";
export default function AdminApprenants() {
const { user } = useAuth();
const isAdmin = user?.role === 'admin';
const [, setLocation] = useLocation();
const [open, setOpen] = useState(false);
const [editingId, setEditingId] = useState<number | null>(null);
@@ -123,18 +126,19 @@ export default function AdminApprenants() {
Gérez les apprenants et leurs informations
</p>
</div>
<Dialog open={open} onOpenChange={(isOpen) => {
setOpen(isOpen);
if (!isOpen) resetForm();
}}>
<DialogTrigger asChild>
<Button>
<Plus className="w-4 h-4 mr-2" />
Nouvel apprenant
</Button>
</DialogTrigger>
<DialogContent className="sm:max-w-[500px]">
<form onSubmit={handleSubmit}>
{isAdmin && (
<Dialog open={open} onOpenChange={(isOpen) => {
setOpen(isOpen);
if (!isOpen) resetForm();
}}>
<DialogTrigger asChild>
<Button>
<Plus className="w-4 h-4 mr-2" />
Nouvel apprenant
</Button>
</DialogTrigger>
<DialogContent className="sm:max-w-[500px]">
<form onSubmit={handleSubmit}>
<DialogHeader>
<DialogTitle>
{editingId ? "Modifier l'apprenant" : "Nouvel apprenant"}
@@ -209,9 +213,10 @@ export default function AdminApprenants() {
{editingId ? "Mettre à jour" : "Créer"}
</Button>
</DialogFooter>
</form>
</DialogContent>
</Dialog>
</form>
</DialogContent>
</Dialog>
)}
</div>
{/* Filtres et recherche */}
@@ -324,20 +329,24 @@ export default function AdminApprenants() {
>
<Eye className="w-4 h-4 text-blue-600" />
</Button>
<Button
variant="ghost"
size="icon"
onClick={() => handleEdit(apprenant)}
>
<Pencil className="w-4 h-4" />
</Button>
<Button
variant="ghost"
size="icon"
onClick={() => handleDelete(apprenant.id)}
>
<Trash2 className="w-4 h-4 text-red-600" />
</Button>
{isAdmin && (
<>
<Button
variant="ghost"
size="icon"
onClick={() => handleEdit(apprenant)}
>
<Pencil className="w-4 h-4" />
</Button>
<Button
variant="ghost"
size="icon"
onClick={() => handleDelete(apprenant.id)}
>
<Trash2 className="w-4 h-4 text-red-600" />
</Button>
</>
)}
</div>
</TableCell>
</TableRow>