Update User.jsx

Front-end/src/pages/Admin/User.jsx

@@ -129,21 +129,32 @@ function User() {
   };
 
   const logAction = (name, action) => {
-    /*TODO*/
-    /*Ajouter le suivi dans un journal de log*/
     const timestamp = new Date().toLocaleString();
     setLogs([...logs, { id: Date.now(), name, action, timestamp }]);
   };
 
+  const downloadLogs = () => {
+    const logText = logs
+      .map((log) => `${log.timestamp} - ${log.name} - ${log.action}`)
+      .join("\n");
+    const blob = new Blob([logText], { type: "text/plain;charset=utf-8" });
+    const link = document.createElement("a");
+    link.href = URL.createObjectURL(blob);
+    link.download = "logs.txt";
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+  };
+  
   return (
     <div className="flex min-h-screen">
       <Sidebar />
       <main className="flex-grow p-5">
         <section className="mt-5">
           <h1 className="text-2xl font-bold text-gray-900 mb-5">
-            User Management
+            Gestion des utilisateurs
           </h1>
-          <p>Manage users from this panel.</p>
+          <p>Gérez les utilisateurs à partir de ce panneau.</p>
           {/* Formulaire d'ajout d'utilisateur */}
           <form
             className="gap-3 mb-5 grid grid-cols-[1fr_1fr_auto]"
@@ -259,10 +270,16 @@ function User() {
               ))}
             </tbody>
           </table>
+          <button
+            onClick={downloadLogs}
+            className="mt-4 px-4 py-2 bg-blue-600 text-white rounded-md"
+          >
+            Télécharger les logs
+          </button>
         </section>
       </main>
     </div>
   );
 }
 
-export default User;
+export default User;