From 6f9f4d8121f784934626893f0550045d96ff4d19 Mon Sep 17 00:00:00 2001
From: Malopieds <malobeauchamps@proton.me>
Date: Mon, 24 Feb 2025 17:33:52 +0100
Subject: [PATCH] feat: bulk delete jdmi users

---
 src/App.tsx                   |  2 ++
 src/pages/admin/AdminPage.tsx |  9 +++++++++
 src/pages/admin/Users.tsx     | 21 +++++++++++++++++----
 3 files changed, 28 insertions(+), 4 deletions(-)
 create mode 100644 src/pages/admin/AdminPage.tsx

diff --git a/src/App.tsx b/src/App.tsx
index 0da2361..6e8521e 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -12,6 +12,7 @@ import BulkUsers from "./pages/admin/BulkCreateUser";
 import Users from "./pages/admin/Users";
 import { ToastContainer } from "react-toastify";
 import "react-toastify/dist/ReactToastify.css";
+import AdminPage from "./pages/admin/AdminPage";
 
 function App() {
   return (
@@ -25,6 +26,7 @@ function App() {
           <Route path="/instances" element={<Instances />} />
           <Route path="/profile" element={<PageTest />} />
           <Route path="/login" element={<LoginPage />} />
+          <Route path="admin" element={<AdminPage />} />
           <Route path="/admin/jdmi" element={<BulkUsers />} />
           <Route path="/admin/tps" element={<CreateTp />} />
           <Route path="/admin/users" element={<Users />} />
diff --git a/src/pages/admin/AdminPage.tsx b/src/pages/admin/AdminPage.tsx
new file mode 100644
index 0000000..3606dd0
--- /dev/null
+++ b/src/pages/admin/AdminPage.tsx
@@ -0,0 +1,9 @@
+function AdminPage() {
+  return (
+    <div className="flex flex-col items-center justify-center h-screen">
+      <h1 className="text-4xl font-bold">Admin Page</h1>
+    </div>
+  );
+}
+
+export default AdminPage;
diff --git a/src/pages/admin/Users.tsx b/src/pages/admin/Users.tsx
index 06fe1ee..d9d4c6b 100644
--- a/src/pages/admin/Users.tsx
+++ b/src/pages/admin/Users.tsx
@@ -3,23 +3,36 @@ import { useEffect, useState } from "react";
 
 function Users() {
   const [users, setUsers] = useState([]);
+  const [reload, setReload] = useState(0);
 
   useEffect(() => {
     axios.get("/api/users").then((res) => {
       setUsers(res.data);
-            console.log(res.data)
     });
-  }, []);
+  }, [reload]);
 
   const handleEditUser = (userId) => {
-    // Logic for editing the user (e.g., opening a modal)
     alert(`Edit user with ID: ${userId}`);
   };
 
+  const deleteJDMIUsers = () => {
+    axios.delete("/api/users").then((res) => {
+      console.log(res.data);
+      setReload(reload + 1);
+    });
+  };
+
   return (
     <div className="container mx-auto p-6">
       <div className="bg-white shadow-lg rounded-lg p-6">
-        <h1 className="text-3xl font-bold text-blue-600 mb-6">Manage Users</h1>
+        <div className="flex justify-between items-center mb-6">
+          <h1 className="text-3xl font-bold text-blue-600 mb-6">
+            Manage Users
+          </h1>
+          <button className="btn btn-error" onClick={deleteJDMIUsers}>
+            Delete JDMI users
+          </button>
+        </div>
 
         {/* Users Table */}
         <div className="overflow-x-auto">