diff --git a/apps/dokploy/components/dashboard/application/advanced/cluster/swarm-forms/network-form.tsx b/apps/dokploy/components/dashboard/application/advanced/cluster/swarm-forms/network-form.tsx index 43a816dfc..f2c640cfe 100644 --- a/apps/dokploy/components/dashboard/application/advanced/cluster/swarm-forms/network-form.tsx +++ b/apps/dokploy/components/dashboard/application/advanced/cluster/swarm-forms/network-form.tsx @@ -104,10 +104,9 @@ export const NetworkForm = ({ id, type }: NetworkFormProps) => { formData.networks ?.filter((network) => network.Target) .map((network) => { - const entries = - (network.DriverOptsEntries ?? []).filter( - (e) => e.key.trim() !== "", - ); + const entries = (network.DriverOptsEntries ?? []).filter( + (e) => e.key.trim() !== "", + ); const driverOpts = entries.length > 0 ? Object.fromEntries( @@ -194,74 +193,74 @@ export const NetworkForm = ({ id, type }: NetworkFormProps) => {
Driver options (optional) - e.g. com.docker.network.driver.mtu, com.docker.network.driver.host_binding + e.g. com.docker.network.driver.mtu, + com.docker.network.driver.host_binding - {(form.watch(`networks.${index}.DriverOptsEntries`) ?? []).map( - (_, optIndex) => ( -
- ( - - - - - - - )} - /> - ( - - - - - - - )} - /> - -
- ), - )} + ) ?? []; + form.setValue( + `networks.${index}.DriverOptsEntries`, + entries.filter((_, i) => i !== optIndex), + ); + }} + > + Remove + +
+ ))}