alma/NeahNew
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

missions button

Browse Source
This commit is contained in:
alma 2025-05-06 09:13:08 +02:00
parent e086cdc775
commit c19257d647
1 changed files with 40 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
components/missions/missions-admin-panel.tsx
View File

@ -921,9 +921,18 @@ export function MissionsAdminPanel() {
<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>
<div> <div className="flex-grow">
<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>
{getUserRoles(user.id).length > 1 && (
<div className="mt-1 text-xs text-blue-600">
<span className="font-medium">Autres rôles:</span>{" "}
{getUserRoles(user.id)
.filter(role => role !== 'temps')
.map(role => getRoleDisplayName(role))
.join(', ')}
</div>
)}
</div> </div>
</div> </div>
) : "Utilisateur non trouvé"; ) : "Utilisateur non trouvé";
@ -977,9 +986,18 @@ export function MissionsAdminPanel() {
<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>
<div> <div className="flex-grow">
<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>
{getUserRoles(user.id).length > 1 && (
<div className="mt-1 text-xs text-blue-600">
<span className="font-medium">Autres rôles:</span>{" "}
{getUserRoles(user.id)
.filter(role => role !== 'parole')
.map(role => getRoleDisplayName(role))
.join(', ')}
</div>
)}
</div> </div>
</div> </div>
) : "Utilisateur non trouvé"; ) : "Utilisateur non trouvé";
@ -1033,9 +1051,18 @@ export function MissionsAdminPanel() {
<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>
<div> <div className="flex-grow">
<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>
{getUserRoles(user.id).length > 1 && (
<div className="mt-1 text-xs text-blue-600">
<span className="font-medium">Autres rôles:</span>{" "}
{getUserRoles(user.id)
.filter(role => role !== 'memoire')
.map(role => getRoleDisplayName(role))
.join(', ')}
</div>
)}
</div> </div>
</div> </div>
) : "Utilisateur non trouvé"; ) : "Utilisateur non trouvé";
@ -1154,15 +1181,19 @@ 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>
{isUserAssigned(user.id) && ( {isUserAssigned(user.id) && getUserRoles(user.id).length > 0 && (
<div className="flex flex-wrap gap-1 mt-1"> <div className="flex flex-wrap gap-1 mt-2">
{getUserRoles(user.id).map((role) => ( {getUserRoles(user.id).map((role) => (
<Badge <Badge
key={role} key={role}
className={`px-1.5 py-0.5 text-xs ${ className={`px-2 py-1 text-xs ${
role === 'volontaire' role === 'volontaire'
? 'bg-gray-100 text-gray-800' ? 'bg-gray-100 text-gray-800'
: 'bg-blue-100 text-blue-800' : role === 'temps'
? 'bg-blue-100 text-blue-800'
: role === 'parole'
? 'bg-green-100 text-green-800'
: 'bg-purple-100 text-purple-800'
}`} }`}
> >
{getRoleDisplayName(role)} {getRoleDisplayName(role)}
@ -1184,7 +1215,7 @@ export function MissionsAdminPanel() {
disabled={loading} disabled={loading}
> >
<UserPlus size={16} className="mr-1" /> <UserPlus size={16} className="mr-1" />
{isUserAssigned(user.id) ? "Ajouter rôle" : "Enregistrer"} Ajouter rôle
</Button> </Button>
</DropdownMenuTrigger> </DropdownMenuTrigger>
<DropdownMenuContent align="end" className="bg-white border border-gray-200"> <DropdownMenuContent align="end" className="bg-white border border-gray-200">
@ -1225,7 +1256,7 @@ export function MissionsAdminPanel() {
variant="outline" variant="outline"
size="sm" size="sm"
onClick={() => removeUserFromAllRoles(user.id)} onClick={() => removeUserFromAllRoles(user.id)}
className="ml-2 text-red-600 hover:bg-red-50 hover:text-red-700 border-red-200 h-8" className="ml-2 text-red-600 hover:bg-red-50 hover:text-red-700 border-red-200 h-8 bg-white"
disabled={loading} disabled={loading}
> >
<X size={14} className="mr-1" /> <X size={14} className="mr-1" />