Resources working with new picker

src/app/[orgId]/settings/resources/ResourcesTable.tsx

@@ -162,25 +162,21 @@ export default function SitesTable({ resources, orgId }: ResourcesTableProps) {
                 const resourceRow = row.original;
                 return (
                     <div className="flex items-center space-x-2">
-                        {!resourceRow.domainId ? (
+                        {!resourceRow.http ? (
+                            <CopyToClipboard
+                                text={resourceRow.proxyPort!.toString()}
+                                isLink={false}
+                            />
+                        ) : !resourceRow.domainId ? (
                             <InfoPopup
                                 info={t("domainNotFoundDescription")}
                                 text={t("domainNotFound")}
                             />
                         ) : (
-                            <div>
-                                {!resourceRow.http ? (
-                                    <CopyToClipboard
-                                        text={resourceRow.proxyPort!.toString()}
-                                        isLink={false}
-                                    />
-                                ) : (
-                                    <CopyToClipboard
-                                        text={resourceRow.domain}
-                                        isLink={true}
-                                    />
-                                )}
-                            </div>
+                            <CopyToClipboard
+                                text={resourceRow.domain}
+                                isLink={true}
+                            />
                         )}
                     </div>
                 );
@@ -228,9 +224,11 @@ export default function SitesTable({ resources, orgId }: ResourcesTableProps) {
             cell: ({ row }) => (
                 <Switch
                     defaultChecked={
-                        !row.original.domainId ? false : row.original.enabled
+                        row.original.http
+                            ? (!!row.original.domainId && row.original.enabled)
+                            : row.original.enabled
                     }
-                    disabled={!row.original.domainId}
+                    disabled={row.original.http ? !row.original.domainId : false}
                     onCheckedChange={(val) =>
                         toggleResourceEnabled(val, row.original.id)
                     }

src/app/[orgId]/settings/resources/[resourceId]/proxy/page.tsx

@@ -339,34 +339,32 @@ export default function ReverseProxyTargets(props: {
                 await api.delete(`/target/${targetId}`);
             }
 
-            // Save sticky session setting
-            const stickySessionData = targetsSettingsForm.getValues();
-            await api.post(`/resource/${params.resourceId}`, {
-                stickySession: stickySessionData.stickySession
-            });
-            updateResource({ stickySession: stickySessionData.stickySession });
+            if (resource.http) {
+                // Gather all settings
+                const stickySessionData = targetsSettingsForm.getValues();
+                const tlsData = tlsSettingsForm.getValues();
+                const proxyData = proxySettingsForm.getValues();
 
-            // Save TLS settings
-            const tlsData = tlsSettingsForm.getValues();
-            await api.post(`/resource/${params.resourceId}`, {
-                ssl: tlsData.ssl,
-                tlsServerName: tlsData.tlsServerName || null
-            });
-            updateResource({
-                ...resource,
-                ssl: tlsData.ssl,
-                tlsServerName: tlsData.tlsServerName || null
-            });
+                // Combine into one payload
+                const payload = {
+                    stickySession: stickySessionData.stickySession,
+                    ssl: tlsData.ssl,
+                    tlsServerName: tlsData.tlsServerName || null,
+                    setHostHeader: proxyData.setHostHeader || null
+                };
 
-            // Save proxy settings
-            const proxyData = proxySettingsForm.getValues();
-            await api.post(`/resource/${params.resourceId}`, {
-                setHostHeader: proxyData.setHostHeader || null
-            });
-            updateResource({
-                ...resource,
-                setHostHeader: proxyData.setHostHeader || null
-            });
+                // Single API call to update all settings
+                await api.post(`/resource/${params.resourceId}`, payload);
+
+                // Update local resource context
+                updateResource({
+                    ...resource,
+                    stickySession: stickySessionData.stickySession,
+                    ssl: tlsData.ssl,
+                    tlsServerName: tlsData.tlsServerName || null,
+                    setHostHeader: proxyData.setHostHeader || null
+                });
+            }
 
             toast({
                 title: t("settingsUpdated"),

src/app/[orgId]/settings/resources/create/page.tsx

@@ -165,7 +165,8 @@ export default function Page() {
                 const httpData = httpForm.getValues();
                     Object.assign(payload, {
                         subdomain: httpData.subdomain,
-                        domainId: httpData.domainId
+                        domainId: httpData.domainId,
+                        protocol: "tcp",
                     });
             } else {
                 const tcpUdpData = tcpUdpForm.getValues();