fix(striker-ui): pass hostDetail to NetworkForm

striker-ui/components/NetworkInitForm.tsx

@@ -574,11 +574,9 @@ const NetworkInitForm = forwardRef<
     hostDetail?: APIHostDetail;
     toggleSubmitDisabled?: (testResult: boolean) => void;
   }
->(
+>(({ hostDetail, toggleSubmitDisabled }, ref) => {
-  (
+  const { hostType, hostUUID = 'local' } = hostDetail ?? {};
-    { hostDetail: { hostType, hostUUID = 'local' } = {}, toggleSubmitDisabled },
+
-    ref,
-  ) => {
   const [dragMousePosition, setDragMousePosition] = useState<{
     x: number;
     y: number;
@@ -602,8 +600,7 @@ const NetworkInitForm = forwardRef<
   >(`${API_BASE_URL}/network-interface/${hostUUID}`, {
     refreshInterval: 2000,
     onSuccess: (data) => {
-        const map = data.reduce<NetworkInterfaceInputMap>(
+      const map = data.reduce<NetworkInterfaceInputMap>((result, metadata) => {
-          (result, metadata) => {
         const { networkInterfaceUUID } = metadata;
 
         result[networkInterfaceUUID] = networkInterfaceInputMap[
@@ -611,9 +608,7 @@ const NetworkInitForm = forwardRef<
         ] ?? { metadata };
 
         return result;
-          },
+      }, {});
-          {},
-        );
 
       setNetworkInterfaceInputMap(map);
     },
@@ -795,8 +790,7 @@ const NetworkInitForm = forwardRef<
         const inputTestPrefix = createInputTestPrefix(inputUUID);
         const inputTestIDIfaces = IT_IDS.networkInterfaces(inputTestPrefix);
         const inputTestIDIPAddress = IT_IDS.networkIPAddress(inputTestPrefix);
-          const inputTestIDSubnetMask =
+        const inputTestIDSubnetMask = IT_IDS.networkSubnetMask(inputTestPrefix);
-            IT_IDS.networkSubnetMask(inputTestPrefix);
 
         const setNetworkIfacesInputMessage = (message?: Message) =>
           setMessage(inputTestIDIfaces, message);
@@ -976,10 +970,7 @@ const NetworkInitForm = forwardRef<
   }, [networkInputs, toggleSubmitDisabled]);
   const removeNetwork = useCallback(
     (networkIndex: number) => {
-        const [{ inputUUID, interfaces }] = networkInputs.splice(
+      const [{ inputUUID, interfaces }] = networkInputs.splice(networkIndex, 1);
-          networkIndex,
-          1,
-        );
 
       interfaces.forEach((iface) => {
         if (iface === undefined) {
@@ -999,11 +990,7 @@ const NetworkInitForm = forwardRef<
         ...previous,
       }));
     },
-      [
+    [networkInputs, networkInterfaceInputMap, testInputToToggleSubmitDisabled],
-        networkInputs,
-        networkInterfaceInputMap,
-        testInputToToggleSubmitDisabled,
-      ],
   );
   const getNetworkTypeCount: GetNetworkTypeCountFunction = useCallback(
     (
@@ -1140,8 +1127,7 @@ const NetworkInitForm = forwardRef<
             interfaces,
             ipAddress: ipAddressInputRef?.current.getValue?.call(null) ?? '',
             name,
-              subnetMask:
+            subnetMask: subnetMaskInputRef?.current.getValue?.call(null) ?? '',
-                subnetMaskInputRef?.current.getValue?.call(null) ?? '',
             type,
             typeCount,
           }),
@@ -1294,6 +1280,7 @@ const NetworkInitForm = forwardRef<
                   {...{
                     createDropMouseUpHandler,
                     getNetworkTypeCount,
+                    hostDetail,
                     networkIndex,
                     networkInput,
                     networkInterfaceInputMap,
@@ -1372,8 +1359,7 @@ const NetworkInitForm = forwardRef<
       </MUIBox>
     </MUIBox>
   );
-  },
+});
-);
 
 NetworkInitForm.defaultProps = {
   hostDetail: undefined,