import DeleteIcon from "@mui/icons-material/Delete"; import VisibilityIcon from "@mui/icons-material/Visibility"; import { Button, IconButton, Paper, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, Typography, } from "@mui/material"; import React from "react"; import { NetworkApi, NetworkInfo, NetworkURL } from "../api/NetworksApi"; import { AsyncWidget } from "../widgets/AsyncWidget"; import { RouterLink } from "../widgets/RouterLink"; import { VirtWebRouteContainer } from "../widgets/VirtWebRouteContainer"; import { useConfirm } from "../hooks/providers/ConfirmDialogProvider"; import { useSnackbar } from "../hooks/providers/SnackbarProvider"; import { useAlert } from "../hooks/providers/AlertDialogProvider"; export function NetworksListRoute(): React.ReactElement { const confirm = useConfirm(); const snackbar = useSnackbar(); const alert = useAlert(); const [list, setList] = React.useState(); const [count, setCount] = React.useState(1); const load = async () => { setList(await NetworkApi.GetList()); }; const reload = () => { setList(undefined); setCount(count + 1); }; const requestDelete = async (n: NetworkInfo) => { try { if ( !(await confirm( "Do you really want to delete this network?", `Delete network ${n.name}`, "Delete" )) ) return; await NetworkApi.Delete(n); reload(); snackbar("The network was successfully deleted!"); } catch (e) { console.error(e); alert("Failed to delete the network!"); } }; return ( ( )} /> ); } function NetworksListRouteInner(p: { list: NetworkInfo[]; onRequestDelete: (n: NetworkInfo) => void; }): React.ReactElement { return ( } > Name Description Network type IP Actions {p.list.map((t) => { return ( {t.name} {t.description ?? ( None )} {t.forward_mode} {t.ip_v4 && "IPv4"} {t.ip_v6 && "IPv6"} p.onRequestDelete(t)}> ); })}
); }