diff --git a/frontend/src/pages/Access/TableWrapper.tsx b/frontend/src/pages/Access/TableWrapper.tsx index 1e028f4ad5..f2d814e29c 100644 --- a/frontend/src/pages/Access/TableWrapper.tsx +++ b/frontend/src/pages/Access/TableWrapper.tsx @@ -88,14 +88,22 @@ export default function TableWrapper() { isFetching={isFetching} isFiltered={!!filtered} onEdit={(id: number) => showAccessListModal(id)} - onDelete={(id: number) => + onDelete={(id: number) => { + const accessList = data?.find((a) => a.id === id); showDeleteConfirmModal({ title: , onConfirm: () => handleDelete(id), invalidations: [["access-lists"], ["access-list", id]], - children: , - }) - } + children: ( + <> + + {accessList?.name ? ( +
{accessList.name}
+ ) : null} + + ), + }); + }} onNew={() => showAccessListModal("new")} /> diff --git a/frontend/src/pages/Certificates/TableWrapper.tsx b/frontend/src/pages/Certificates/TableWrapper.tsx index 14dfc417fd..0cace027e7 100644 --- a/frontend/src/pages/Certificates/TableWrapper.tsx +++ b/frontend/src/pages/Certificates/TableWrapper.tsx @@ -146,14 +146,27 @@ export default function TableWrapper() { isFetching={isFetching} onRenew={showRenewCertificateModal} onDownload={handleDownload} - onDelete={(id: number) => + onDelete={(id: number) => { + const cert = data?.find((c) => c.id === id); showDeleteConfirmModal({ title: , onConfirm: () => handleDelete(id), invalidations: [["certificates"], ["certificate", id]], - children: , - }) - } + children: ( + <> + + {cert?.niceName ? ( +
{cert.niceName}
+ ) : null} + {cert?.domainNames?.length ? ( +
+ {cert.domainNames.join(", ")} +
+ ) : null} + + ), + }); + }} /> diff --git a/frontend/src/pages/Nginx/DeadHosts/TableWrapper.tsx b/frontend/src/pages/Nginx/DeadHosts/TableWrapper.tsx index 07dd1318ef..ca76cb435b 100644 --- a/frontend/src/pages/Nginx/DeadHosts/TableWrapper.tsx +++ b/frontend/src/pages/Nginx/DeadHosts/TableWrapper.tsx @@ -93,14 +93,22 @@ export default function TableWrapper() { isFiltered={!!search} isFetching={isFetching} onEdit={(id: number) => showDeadHostModal(id)} - onDelete={(id: number) => + onDelete={(id: number) => { + const host = data?.find((h) => h.id === id); showDeleteConfirmModal({ title: , onConfirm: () => handleDelete(id), invalidations: [["dead-hosts"], ["dead-host", id]], - children: , - }) - } + children: ( + <> + + {host?.domainNames?.length ? ( +
{host.domainNames.join(", ")}
+ ) : null} + + ), + }); + }} onDisableToggle={handleDisableToggle} onNew={() => showDeadHostModal("new")} /> diff --git a/frontend/src/pages/Nginx/RedirectionHosts/TableWrapper.tsx b/frontend/src/pages/Nginx/RedirectionHosts/TableWrapper.tsx index 382b733698..5d60527ec3 100644 --- a/frontend/src/pages/Nginx/RedirectionHosts/TableWrapper.tsx +++ b/frontend/src/pages/Nginx/RedirectionHosts/TableWrapper.tsx @@ -99,14 +99,27 @@ export default function TableWrapper() { isFiltered={!!search} isFetching={isFetching} onEdit={(id: number) => showRedirectionHostModal(id)} - onDelete={(id: number) => + onDelete={(id: number) => { + const host = data?.find((h) => h.id === id); showDeleteConfirmModal({ title: , onConfirm: () => handleDelete(id), invalidations: [["redirection-hosts"], ["redirection-host", id]], - children: , - }) - } + children: ( + <> + + {host?.domainNames?.length ? ( +
{host.domainNames.join(", ")}
+ ) : null} + {host?.forwardDomainName ? ( +
+ ({host.forwardScheme}://{host.forwardDomainName}) +
+ ) : null} + + ), + }); + }} onDisableToggle={handleDisableToggle} onNew={() => showRedirectionHostModal("new")} /> diff --git a/frontend/src/pages/Nginx/Streams/TableWrapper.tsx b/frontend/src/pages/Nginx/Streams/TableWrapper.tsx index ec9a8d4090..4c4d35b401 100644 --- a/frontend/src/pages/Nginx/Streams/TableWrapper.tsx +++ b/frontend/src/pages/Nginx/Streams/TableWrapper.tsx @@ -97,14 +97,24 @@ export default function TableWrapper() { isFetching={isFetching} isFiltered={!!filtered} onEdit={(id: number) => showStreamModal(id)} - onDelete={(id: number) => + onDelete={(id: number) => { + const stream = data?.find((s) => s.id === id); showDeleteConfirmModal({ title: , onConfirm: () => handleDelete(id), invalidations: [["streams"], ["stream", id]], - children: , - }) - } + children: ( + <> + + {stream ? ( +
+ :{stream.incomingPort} → {stream.forwardingHost}:{stream.forwardingPort} +
+ ) : null} + + ), + }); + }} onDisableToggle={handleDisableToggle} onNew={() => showStreamModal("new")} /> diff --git a/frontend/src/pages/Users/TableWrapper.tsx b/frontend/src/pages/Users/TableWrapper.tsx index 461ed6ab6a..935dbed16e 100644 --- a/frontend/src/pages/Users/TableWrapper.tsx +++ b/frontend/src/pages/Users/TableWrapper.tsx @@ -105,14 +105,25 @@ export default function TableWrapper() { onEditUser={(id: number) => showUserModal(id)} onEditPermissions={(id: number) => showPermissionsModal(id)} onSetPassword={(id: number) => showSetPasswordModal(id)} - onDeleteUser={(id: number) => + onDeleteUser={(id: number) => { + const user = data?.find((u) => u.id === id); showDeleteConfirmModal({ title: , onConfirm: () => handleDelete(id), invalidations: [["users"], ["user", id]], - children: , - }) - } + children: ( + <> + + {user?.name ? ( +
{user.name}
+ ) : null} + {user?.email ? ( +
{user.email}
+ ) : null} + + ), + }); + }} onDisableToggle={handleDisableToggle} onNewUser={() => showUserModal("new")} onLoginAs={handleLoginAs}