src/pages/admin/BulkCreateUser.tsx

@@ -2,22 +2,22 @@ import axios from "axios";
 import { useEffect, useState } from "react";
 import { useNavigate } from "react-router-dom";
 import { BulkUserCreattionType } from "../../type/BulkUserCreattionType";
-import { Tp } from "../../type/TpType";
+import { Ji } from "../../type/TpType";
 import { CSVParseType } from "../../type/CSVParseType";
 
 function BulkUsers() {
   const [userData, setUserData] = useState<CSVParseType[]>([]);
   const [practical, setPractical] = useState("0");
   const navigate = useNavigate();
-  const [tps, setTps] = useState([]);
+  const [jis, setJis] = useState([]);
 
   const handlePracticalChange = (e: React.ChangeEvent<HTMLSelectElement>) => {
     setPractical(e.target.value);
   };
 
   useEffect(() => {
-    axios.get("/api/tps").then((res) => {
-      setTps(res.data);
+    axios.get("/api/ji/listall").then((res) => {
+      setJis(res.data);
     });
   }, []);
 
@@ -51,11 +51,21 @@ function BulkUsers() {
 
   const handleSubmit = () => {
     axios
-      .post("/api/users/jdmi", {
+      .post("/api/users", {
         users: userData.filter((user: CSVParseType) => user.name !== ""),
-        tpId: practical,
-      })
-      .then(() => navigate(`/admin/users`));
+        jiId: 1, // TODO: Unhardcode this
+      }).then((res) => {
+      if (res.status === 200) {
+        navigate(`/admin/users`);
+      }
+      else if (res.status === 202) {
+        alert(`Couldn't create some users`);
+        navigate(`/admin/users`);
+      }
+      else {
+        alert(`Couldn't create ANY users`);
+      }
+    });
   };
 
   return (
@@ -86,11 +96,6 @@ function BulkUsers() {
                 <tr key={index}>
                   <td>{user.name}</td>
                   <td>{user.email}</td>
-                  <td>{user.password}</td>
-                  <td>{user.instance_name}</td>
-                  <td>{user.instance_ssh}</td>
-                  <td>{user.instance_port}</td>
-                  <td>{user.instance_pwd}</td>
                 </tr>
               ))}
             </tbody>
@@ -99,7 +104,7 @@ function BulkUsers() {
       )}
 
       <div>
-        <label className="block text-gray-700 font-semibold mb-2">Tp:</label>
+        <label className="block text-gray-700 font-semibold mb-2">Ji:</label>
         <select
           name="practical"
           value={practical}
@@ -107,8 +112,8 @@ function BulkUsers() {
           className="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
         >
           return <option value="0">Empty</option>;
-          {tps.map((tp: Tp) => {
-            return <option value={tp.id}>{tp.name}</option>;
+          {jis.map((ji: Ji) => {
+            return <option value={ji.id}>{ji.name}</option>;
           })}
         </select>
       </div>