From 8d43e34be47fd977fb43af15a50e0aaf723d3f3b Mon Sep 17 00:00:00 2001
From: Malo BEAUCHAMPS <malo.beauchamps@axopen.com>
Date: Wed, 16 Oct 2024 14:01:33 +0200
Subject: [PATCH] feat: admin sidebar

---
 src/App.tsx                             |  2 +-
 src/component/Navigation/Navigation.tsx | 45 ++++++++++++++++++++-----
 src/pages/admin/BulkCreateUser.tsx      |  5 +--
 3 files changed, 40 insertions(+), 12 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index ec01392..5585120 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -23,7 +23,7 @@ function App() {
                     <Route path="/instances" element={<Instances />} />
                     <Route path="/profile" element={<PageTest />} />
                     <Route path="/login" element={<LoginPage />} />
-                    <Route path="/admin" element={<BulkUsers />} />
+                    <Route path="/admin/jdmi" element={<BulkUsers />} />
                     <Route path="/admin/tps" element={<CreateTp />} />
                     <Route path="/settings" element={<CreateTp />} />
                 </Routes>
diff --git a/src/component/Navigation/Navigation.tsx b/src/component/Navigation/Navigation.tsx
index 4b628c4..af12c19 100644
--- a/src/component/Navigation/Navigation.tsx
+++ b/src/component/Navigation/Navigation.tsx
@@ -77,7 +77,7 @@ const Navigation: React.FC<NavigationProps> = ({
               <div className="drawer-side">
                 <div className="drawer-overlay" onClick={toggleDrawer}></div>
                 <div className="h-full menu bg-base-200 text-base-content w-80">
-                  {user ? (
+                  {user.username.trim() !== "" ? (
                     <li>
                       <div className="dropdown dropdown-bottom h-full">
                         <div
@@ -113,21 +113,48 @@ const Navigation: React.FC<NavigationProps> = ({
                   ) : (
                     <li>
                       <Link to="login" onClick={toggleDrawer}>
-                        Log Out
+                        Log In
                       </Link>
                     </li>
                   )}
                   {user && user.roles.includes("root") && (
                     <li>
-                      <div>
-                        <ChartPieIcon className="size-6" />
-                        <Link to="/admin" onClick={toggleDrawer}>
-                          Admin
-                        </Link>
-                      </div>
+                      <details open={false}>
+                        <summary>Admin</summary>
+                        <ul>
+                          <li>
+                            <div>
+                              <Link to="/admin" onClick={toggleDrawer}>
+                                Admin
+                              </Link>
+                            </div>
+                          </li>
+                          <li>
+                            <div>
+                              <Link to="/admin/tps" onClick={toggleDrawer}>
+                                                            Create Tp
+                              </Link>
+                            </div>
+                          </li>
+                          <li>
+                            <div>
+                              <Link to="/admin/tps" onClick={toggleDrawer}>
+                                                            Create User
+                              </Link>
+                            </div>
+                          </li>
+                          <li>
+                            <div>
+                              <Link to="/admin/jdmi" onClick={toggleDrawer}>
+                                                            Bulk user creation
+                              </Link>
+                            </div>
+                          </li>
+                        </ul>
+                      </details>
                     </li>
                   )}
-                  {user && (
+                  {user && user.username.trim() !== "" && (
                     <>
                       <li>
                         <div>
diff --git a/src/pages/admin/BulkCreateUser.tsx b/src/pages/admin/BulkCreateUser.tsx
index f5131d6..f919401 100644
--- a/src/pages/admin/BulkCreateUser.tsx
+++ b/src/pages/admin/BulkCreateUser.tsx
@@ -1,10 +1,12 @@
 import axios from "axios";
 import { useState } from "react";
+import { useNavigate } from "react-router-dom";
 
 function BulkUsers() {
     const [file, setFile] = useState(null);
     const [userData, setUserData] = useState([]);
     const [practical, setPractical] = useState("0");
+    const navigate = useNavigate();
 
     const handlePracticalChange = (e) => {
         setPractical(e.target.value);
@@ -37,8 +39,7 @@ function BulkUsers() {
 
     const handleSubmit = () => {
         // Handle submission logic (e.g., sending data to the backend)
-        console.log('Submitting data:', userData.filter(user => user.name !== ""));
-        axios.post("/api/users/jdmi", userData.filter(user => user.name !== "")).then(res => console.log(res));
+        axios.post("/api/users/jdmi", userData.filter(user => user.name !== "")).then(res => navigate(`/tps/${res.data.id}`));
     };
 
     return (