From b85163d935e1802ed4c46b719796d488adaa706e Mon Sep 17 00:00:00 2001
From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>
Date: Sat, 21 Dec 2024 15:10:00 -0600
Subject: [PATCH] refactor: add conditional value

---
 .../web-server/manage-traefik-ports.tsx       | 25 +++++++++++--------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/apps/dokploy/components/dashboard/settings/web-server/manage-traefik-ports.tsx b/apps/dokploy/components/dashboard/settings/web-server/manage-traefik-ports.tsx
index 9641165d..965948ca 100644
--- a/apps/dokploy/components/dashboard/settings/web-server/manage-traefik-ports.tsx
+++ b/apps/dokploy/components/dashboard/settings/web-server/manage-traefik-ports.tsx
@@ -136,10 +136,12 @@ export const ManageTraefikPorts = ({ children, serverId }: Props) => {
 										onChange={(e) => {
 											const newPorts = [...additionalPorts];
 
-											// @ts-ignore
-											newPorts?.[index].targetPort = Number.parseInt(
-												e.target.value,
-											);
+											if (newPorts[index]) {
+												newPorts[index].targetPort = Number.parseInt(
+													e.target.value,
+												);
+											}
+
 											setAdditionalPorts(newPorts);
 										}}
 										className="w-full rounded border p-2"
@@ -155,10 +157,11 @@ export const ManageTraefikPorts = ({ children, serverId }: Props) => {
 										value={port.publishedPort}
 										onChange={(e) => {
 											const newPorts = [...additionalPorts];
-											// @ts-ignore
-											newPorts?.[index].publishedPort = Number.parseInt(
-												e.target.value,
-											);
+											if (newPorts[index]) {
+												newPorts[index].publishedPort = Number.parseInt(
+													e.target.value,
+												);
+											}
 											setAdditionalPorts(newPorts);
 										}}
 										className="w-full rounded border p-2"
@@ -172,8 +175,10 @@ export const ManageTraefikPorts = ({ children, serverId }: Props) => {
 										value={port.publishMode}
 										onValueChange={(value: "ingress" | "host") => {
 											const newPorts = [...additionalPorts];
-											// @ts-ignore
-											newPorts?.[index].publishMode = value;
+
+											if (newPorts[index]) {
+												newPorts[index].publishMode = value;
+											}
 											setAdditionalPorts(newPorts);
 										}}
 									>