feat: port, instance bulk

src/pages/admin/BulkCreateUser.tsx

@@ -1,8 +1,6 @@
 import axios from "axios";
 import { useEffect, useState } from "react";
 import { useNavigate } from "react-router-dom";
-import { User } from "../../type/UserType";
-import { Tp } from "../../type/TpType";
 
 function BulkUsers() {
     const [userData, setUserData] = useState([]);
@@ -33,7 +31,11 @@ function BulkUsers() {
             const formattedData = rows.map((row) => ({
                 name: row[0],
                 email: row[1],
-        // Add other fields as necessary
+                password: row[2],
+                instance_name: row[3],
+                instance_ssh: row[4],
+                instance_port: row[5],
+                instance_pwd: row[6],
             }));
             setUserData(formattedData);
         };
@@ -67,6 +69,11 @@ function BulkUsers() {
                             <tr>
                                 <th>Name</th>
                                 <th>Email</th>
+                                <th>Password</th>
+                                <th>Instance name</th>
+                                <th>Instance ssh</th>
+                                <th>Instance port</th>
+                                <th>Instance pwd</th>
                             </tr>
                         </thead>
                         <tbody>
@@ -74,6 +81,11 @@ 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>
@@ -86,11 +98,11 @@ function BulkUsers() {
                 <select
                     name="practical"
                     value={practical}
-          onChange={() => handlePracticalChange}
+                    onChange={handlePracticalChange}
                     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) => {
+                    {tps.map((tp: TpType.Tp) => {
                         return <option value={tp.id}>{tp.name}</option>;
                     })}
                 </select>