feat: port, instance bulk

This commit is contained in:
Malopieds 2024-10-20 21:17:30 +02:00
parent dadaabcd3a
commit 0abe7386d0

View File

@ -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>