From 684d33f031cc449f445cc408fc67349eff2acd82 Mon Sep 17 00:00:00 2001
From: alma <alma@governance-labs.org>
Date: Tue, 6 May 2025 09:30:56 +0200
Subject: [PATCH] missions button

---
 components/missions/missions-admin-panel.tsx | 54 +++++---------------
 1 file changed, 14 insertions(+), 40 deletions(-)

diff --git a/components/missions/missions-admin-panel.tsx b/components/missions/missions-admin-panel.tsx
index 3bd9508f..473e5aad 100644
--- a/components/missions/missions-admin-panel.tsx
+++ b/components/missions/missions-admin-panel.tsx
@@ -918,21 +918,17 @@ export function MissionsAdminPanel() {
                               const user = users.find(u => u.id === gardienDuTemps);
                               return user ? (
                                 <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">
                                     {user.firstName?.[0] || ""}{user.lastName?.[0] || ""}
                                   </div>
-                                  <div className="flex-grow">
+                                  <div>
                                     <div className="font-medium text-gray-900">{user.firstName} {user.lastName}</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>
                               ) : "Utilisateur non trouvé";
@@ -986,18 +982,9 @@ 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">
                                     {user.firstName?.[0] || ""}{user.lastName?.[0] || ""}
                                   </div>
-                                  <div className="flex-grow">
+                                  <div>
                                     <div className="font-medium text-gray-900">{user.firstName} {user.lastName}</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>
                               ) : "Utilisateur non trouvé";
@@ -1051,18 +1038,9 @@ 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">
                                     {user.firstName?.[0] || ""}{user.lastName?.[0] || ""}
                                   </div>
-                                  <div className="flex-grow">
+                                  <div>
                                     <div className="font-medium text-gray-900">{user.firstName} {user.lastName}</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>
                               ) : "Utilisateur non trouvé";
@@ -1181,19 +1159,15 @@ export function MissionsAdminPanel() {
                                     <div>
                                       <div className="font-medium text-gray-900">{user.firstName} {user.lastName}</div>
                                       <div className="text-sm text-gray-500">{user.email}</div>
-                                      {isUserAssigned(user.id) && getUserRoles(user.id).length > 0 && (
-                                        <div className="flex flex-wrap gap-1 mt-2">
+                                      {isUserAssigned(user.id) && (
+                                        <div className="flex flex-wrap gap-1 mt-1">
                                           {getUserRoles(user.id).map((role) => (
                                             <Badge 
                                               key={role}
-                                              className={`px-2 py-1 text-xs ${
+                                              className={`px-1.5 py-0.5 text-xs ${
                                                 role === 'volontaire' 
                                                   ? 'bg-gray-100 text-gray-800' 
-                                                  : role === 'temps'
-                                                  ? 'bg-blue-100 text-blue-800'
-                                                  : role === 'parole'
-                                                  ? 'bg-green-100 text-green-800'
-                                                  : 'bg-purple-100 text-purple-800'
+                                                  : 'bg-blue-100 text-blue-800'
                                               }`}
                                             >
                                               {getRoleDisplayName(role)}
@@ -1215,7 +1189,7 @@ export function MissionsAdminPanel() {
                                           disabled={loading}
                                         >
                                           <UserPlus size={16} className="mr-1" />
-                                          Ajouter rôle
+                                          {isUserAssigned(user.id) ? "Ajouter rôle" : "Enregistrer"}
                                         </Button>
                                       </DropdownMenuTrigger>
                                       <DropdownMenuContent align="end" className="bg-white border border-gray-200">
@@ -1256,7 +1230,7 @@ export function MissionsAdminPanel() {
                                         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 bg-white"
+                                        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" />