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}