From 9559db59eb418d233682217ef72f315bccc6fe1d Mon Sep 17 00:00:00 2001
From: N3WT DE COMPET <n3wt.school@gmail.com>
Date: Mon, 31 Mar 2025 20:24:05 +0200
Subject: [PATCH] feat: Affichage d'icones dans le tableau des inscriptions
 dans la colonne actions

---
 .../app/[locale]/admin/subscriptions/page.js  | 62 ++++++-------------
 1 file changed, 20 insertions(+), 42 deletions(-)

diff --git a/Front-End/src/app/[locale]/admin/subscriptions/page.js b/Front-End/src/app/[locale]/admin/subscriptions/page.js
index 628fc89..90f43e7 100644
--- a/Front-End/src/app/[locale]/admin/subscriptions/page.js
+++ b/Front-End/src/app/[locale]/admin/subscriptions/page.js
@@ -577,67 +577,39 @@ useEffect(()=>{
     const actions = {
       1: [
         {
-          label: (
-            <>
-              <Send size={16} className="mr-2" /> Envoyer
-            </>
-          ),
+          icon: <Send className="w-5 h-5 text-blue-500 hover:text-blue-700" />,
           onClick: () => sendConfirmRegisterForm(row.student.id, row.student.last_name, row.student.first_name),
         },
         {
-          label: (
-            <>
-              <Edit size={16} className="mr-2" /> Modifier
-            </>
-          ),
+          icon: <Edit className="w-5 h-5 text-green-500 hover:text-green-700" />,
           onClick: () => window.location.href = `${FE_ADMIN_SUBSCRIPTIONS_EDIT_URL}?studentId=${row.student.id}&id=1`,
         },
       ],
       2: [
         {
-          label: (
-            <>
-              <Edit size={16} className="mr-2" /> Modifier
-            </>
-          ),
+          icon: <Edit className="w-5 h-5 text-green-500 hover:text-green-700" />,
           onClick: () => window.location.href = `${FE_ADMIN_SUBSCRIPTIONS_EDIT_URL}?studentId=${row.student.id}&id=1`,
         },
       ],
       3: [
         {
-          label: (
-            <>
-              <CheckCircle size={16} className="mr-2" /> Valider
-            </>
-          ),
+          icon: <CheckCircle className="w-5 h-5 text-emerald-500 hover:text-emerald-700" />,
           onClick: () => openModalAssociationEleve(row.student),
         },
         {
-          label: (
-            <>
-              <TicketX size={16} className="mr-2 text-red-700" /> Refuser
-            </>
-          ),
+          icon: <TicketX className="w-5 h-5 text-red-500 hover:text-red-700" />,
           onClick: () => refuseRegistrationForm(row.student.id, row.student.last_name, row.student.first_name, row.student.guardians[0].associated_profile_email),
         },
       ],
       5: [
         {
-          label: (
-            <>
-              <CheckCircle size={16} className="mr-2" /> Rattacher
-            </>
-          ),
+          icon: <CheckCircle className="w-5 h-5 text-emerald-500 hover:text-emerald-700" />,
           onClick: () => openModalAssociationEleve(row.student),
         },
       ],
       default: [
         {
-          label: (
-            <>
-              <Trash2 size={16} className="mr-2 text-red-700" /> Archiver
-            </>
-          ),
+          icon: <Trash2 className="w-5 h-5 text-red-500 hover:text-red-700" />,
           onClick: () => archiveFicheInscription(row.student.id, row.student.last_name, row.student.first_name),
         },
       ],
@@ -688,13 +660,19 @@ const columns = [
   ) },
   { name: 'Actions',
     transform: (row) => (
-      <DropdownMenu
-        buttonContent={<MoreVertical size={20} className="text-gray-400 hover:text-gray-600" />}
-        items={getActionsByStatus(row)}
-        buttonClassName="text-gray-400 hover:text-gray-600"
-        menuClassName="absolute right-0 mt-2 w-48 bg-white border border-gray-200 rounded-md shadow-lg z-10 flex flex-col items-center"
-      />
-    ), },
+      <div className="flex justify-center space-x-2">
+        {getActionsByStatus(row).map((action, index) => (
+          <button
+            key={index}
+            onClick={action.onClick}
+            className="p-2 rounded-full hover:bg-gray-100 transition"
+          >
+            {action.icon}
+          </button>
+        ))}
+      </div>
+    ),
+  },
 
 ];