fix restart and network

frontend/src/resources/deployment/config/components/network.tsx

@@ -1,4 +1,5 @@
 import { ConfigItem } from "@components/config/util";
+import { useRead } from "@hooks";
 import {
   Select,
   SelectContent,
@@ -14,6 +15,7 @@ export const NetworkModeSelector = ({
   selected: string | undefined;
   onSelect: (type: string) => void;
 }) => {
+  const networks = useRead("GetAvailableNetworks", {}).data;
   // const networks = useRead("GetDockerNetworks", {}).data?.forEach(network => network.)
 
   return (
@@ -24,10 +26,15 @@ export const NetworkModeSelector = ({
         </SelectTrigger>
         <SelectContent>
           {["Host", "Bridge", "None"].map((network) => (
-            <SelectItem key={network} value={network}>
+            <SelectItem key={network} value={network.toLowerCase()}>
               {network}
             </SelectItem>
           ))}
+          {networks?.networks.map((network) => (
+            <SelectItem key={network.Id} value={network.Name ?? ""}>
+              {network.Name}
+            </SelectItem>
+          ))}
         </SelectContent>
       </Select>
     </ConfigItem>

frontend/src/resources/deployment/config/components/restart.tsx

@@ -28,7 +28,11 @@ export const RestartModeSelector = ({
       </SelectTrigger>
       <SelectContent>
         {keys(Types.RestartMode).map((mode) => (
-          <SelectItem value={Types.RestartMode[mode]} className="capitalize">
+          <SelectItem
+            key={mode}
+            value={Types.RestartMode[mode]}
+            className="capitalize"
+          >
             {format_mode(Types.RestartMode[mode])}
           </SelectItem>
         ))}