missions logic

This commit is contained in:
alma 2025-05-06 08:59:41 +02:00
parent 842c8b4a8a
commit 5ec7b3486f

View File

@ -919,6 +919,11 @@ export function MissionsAdminPanel() {
const user = users.find(u => u.id === gardienDuTemps); const user = users.find(u => u.id === gardienDuTemps);
return user ? ( return user ? (
<div className="flex items-center"> <div className="flex items-center">
<div className="h-10 w-10 rounded-full bg-gray-100 flex items-center justify-center text-gray-600 font-medium mr-3">
{user.firstName?.[0] || ""}{user.lastName?.[0] || ""}
</div>
<div>
<div className="font-medium text-gray-900">{user.firstName} {user.lastName}</div>
<div className="h-10 w-10 rounded-full bg-blue-100 flex items-center justify-center text-blue-600 font-medium mr-3"> <div className="h-10 w-10 rounded-full bg-blue-100 flex items-center justify-center text-blue-600 font-medium mr-3">
{user.firstName?.[0] || ""}{user.lastName?.[0] || ""} {user.firstName?.[0] || ""}{user.lastName?.[0] || ""}
</div> </div>
@ -1155,38 +1160,27 @@ export function MissionsAdminPanel() {
<div> <div>
<div className="font-medium text-gray-900">{user.firstName} {user.lastName}</div> <div className="font-medium text-gray-900">{user.firstName} {user.lastName}</div>
<div className="text-sm text-gray-500">{user.email}</div> <div className="text-sm text-gray-500">{user.email}</div>
</div> {isUserAssigned(user.id) && (
</div> <div className="flex flex-wrap gap-1 mt-1">
{/* User role controls */}
{isUserAssigned(user.id) ? (
<div className="flex items-center">
<div className="flex flex-wrap gap-1 mr-2">
{getUserRoles(user.id).map((role) => ( {getUserRoles(user.id).map((role) => (
<Badge <Badge
key={role} key={role}
className={`px-2 py-1 ${ className={`px-1.5 py-0.5 text-xs ${
role === 'volontaire' role === 'volontaire'
? 'bg-gray-100 text-gray-800 hover:bg-gray-200' ? 'bg-gray-100 text-gray-800'
: 'bg-blue-100 text-blue-800 hover:bg-blue-200' : 'bg-blue-100 text-blue-800'
}`} }`}
> >
{getRoleDisplayName(role)} {getRoleDisplayName(role)}
</Badge> </Badge>
))} ))}
</div> </div>
<Button )}
variant="outline"
size="sm"
onClick={() => removeUserFromAllRoles(user.id)}
className="text-red-600 hover:bg-red-50 hover:text-red-700 border-red-200 h-7 px-2"
disabled={loading}
>
<X size={14} />
</Button>
</div> </div>
) : ( </div>
<div className="flex">
{/* User role controls always show dropdown */}
<div className="flex items-center">
<DropdownMenu> <DropdownMenu>
<DropdownMenuTrigger asChild> <DropdownMenuTrigger asChild>
<Button <Button
@ -1196,7 +1190,7 @@ export function MissionsAdminPanel() {
disabled={loading} disabled={loading}
> >
<UserPlus size={16} className="mr-1" /> <UserPlus size={16} className="mr-1" />
Enregistrer {isUserAssigned(user.id) ? "Ajouter rôle" : "Enregistrer"}
</Button> </Button>
</DropdownMenuTrigger> </DropdownMenuTrigger>
<DropdownMenuContent align="end" className="bg-white border border-gray-200"> <DropdownMenuContent align="end" className="bg-white border border-gray-200">
@ -1231,9 +1225,21 @@ export function MissionsAdminPanel() {
<PlusCircle size={16} className="mr-1" /> <PlusCircle size={16} className="mr-1" />
Volontaire Volontaire
</Button> </Button>
</div>
{isUserAssigned(user.id) && (
<Button
variant="outline"
size="sm"
onClick={() => removeUserFromAllRoles(user.id)}
className="ml-2 text-red-600 hover:bg-red-50 hover:text-red-700 border-red-200 h-8"
disabled={loading}
>
<X size={14} className="mr-1" />
Supprimer
</Button>
)} )}
</div> </div>
</div>
))} ))}
</div> </div>
) : ( ) : (