Can attach defined networks to domains

virtweb_frontend/src/widgets/vms/VMDetails.tsx

@@ -14,6 +14,7 @@ import { VMSelectIsoInput } from "../forms/VMSelectIsoInput";
 import { VMScreenshot } from "./VMScreenshot";
 import { ResAutostartInput } from "../forms/ResAutostartInput";
 import { VMNetworksList } from "../forms/VMNetworksList";
+import { NetworkApi, NetworkInfo } from "../../api/NetworksApi";
 
 interface DetailsProps {
   vm: VMInfo;
@@ -27,10 +28,12 @@ export function VMDetails(p: DetailsProps): React.ReactElement {
   const [vcpuCombinations, setVCPUCombinations] = React.useState<
     number[] | any
   >();
+  const [networksList, setNetworksList] = React.useState<NetworkInfo[] | any>();
 
   const load = async () => {
     setIsoList(await IsoFilesApi.GetList());
     setVCPUCombinations(await ServerApi.NumberVCPUs());
+    setNetworksList(await NetworkApi.GetList());
   };
 
   return (
@@ -42,6 +45,7 @@ export function VMDetails(p: DetailsProps): React.ReactElement {
         <VMDetailsInner
           isoList={isoList}
           vcpuCombinations={vcpuCombinations}
+          networksList={networksList}
           {...p}
         />
       )}
@@ -50,7 +54,11 @@ export function VMDetails(p: DetailsProps): React.ReactElement {
 }
 
 function VMDetailsInner(
-  p: DetailsProps & { isoList: IsoFile[]; vcpuCombinations: number[] }
+  p: DetailsProps & {
+    isoList: IsoFile[];
+    vcpuCombinations: number[];
+    networksList: NetworkInfo[];
+  }
 ): React.ReactElement {
   return (
     <Grid container spacing={2}>
@@ -201,12 +209,12 @@ function VMDetailsInner(
             p.onChange?.();
           }}
         />
-        <VMDisksList vm={p.vm} editable={p.editable} onChange={p.onChange} />
+        <VMDisksList {...p} />
       </EditSection>
 
       {/* Networks section */}
       <EditSection title="Networks">
-        <VMNetworksList vm={p.vm} editable={p.editable} onChange={p.onChange} />
+        <VMNetworksList {...p} />
       </EditSection>
     </Grid>
   );