From 6bd7fe92d81107dc523a14098f60d7c0cd9d7cb5 Mon Sep 17 00:00:00 2001
From: fuomag9 <1580624+fuomag9@users.noreply.github.com>
Date: Fri, 27 Feb 2026 18:00:26 +0100
Subject: [PATCH] feat: add server-side pagination to proxy-hosts page

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../proxy-hosts/ProxyHostsClient.tsx          |  4 ++-
 app/(dashboard)/proxy-hosts/page.tsx          | 30 +++++++++++++++----
 2 files changed, 27 insertions(+), 7 deletions(-)

diff --git a/app/(dashboard)/proxy-hosts/ProxyHostsClient.tsx b/app/(dashboard)/proxy-hosts/ProxyHostsClient.tsx
index be9ef1a4..a5ff2d24 100644
--- a/app/(dashboard)/proxy-hosts/ProxyHostsClient.tsx
+++ b/app/(dashboard)/proxy-hosts/ProxyHostsClient.tsx
@@ -21,9 +21,10 @@ type Props = {
   certificates: Certificate[];
   accessLists: AccessList[];
   authentikDefaults: AuthentikSettings | null;
+  pagination: { total: number; page: number; perPage: number };
 };
 
-export default function ProxyHostsClient({ hosts, certificates, accessLists, authentikDefaults }: Props) {
+export default function ProxyHostsClient({ hosts, certificates, accessLists, authentikDefaults, pagination }: Props) {
   const [createOpen, setCreateOpen] = useState(false);
   const [duplicateHost, setDuplicateHost] = useState<ProxyHost | null>(null);
   const [editHost, setEditHost] = useState<ProxyHost | null>(null);
@@ -159,6 +160,7 @@ export default function ProxyHostsClient({ hosts, certificates, accessLists, aut
         data={filteredHosts}
         keyField="id"
         emptyMessage={searchTerm ? "No hosts match your search" : "No proxy hosts found"}
+        pagination={pagination}
       />
 
       <CreateHostDialog
diff --git a/app/(dashboard)/proxy-hosts/page.tsx b/app/(dashboard)/proxy-hosts/page.tsx
index 078a3ad1..d053fe52 100644
--- a/app/(dashboard)/proxy-hosts/page.tsx
+++ b/app/(dashboard)/proxy-hosts/page.tsx
@@ -1,18 +1,36 @@
 import ProxyHostsClient from "./ProxyHostsClient";
-import { listProxyHosts } from "@/src/lib/models/proxy-hosts";
+import { listProxyHostsPaginated, countProxyHosts } from "@/src/lib/models/proxy-hosts";
 import { listCertificates } from "@/src/lib/models/certificates";
 import { listAccessLists } from "@/src/lib/models/access-lists";
 import { getAuthentikSettings } from "@/src/lib/settings";
 import { requireAdmin } from "@/src/lib/auth";
 
-export default async function ProxyHostsPage() {
+const PER_PAGE = 25;
+
+interface PageProps {
+  searchParams: { page?: string };
+}
+
+export default async function ProxyHostsPage({ searchParams }: PageProps) {
   await requireAdmin();
-  const [hosts, certificates, accessLists, authentikDefaults] = await Promise.all([
-    listProxyHosts(),
+  const page = Math.max(1, parseInt(searchParams.page ?? "1", 10) || 1);
+  const offset = (page - 1) * PER_PAGE;
+
+  const [hosts, total, certificates, accessLists, authentikDefaults] = await Promise.all([
+    listProxyHostsPaginated(PER_PAGE, offset),
+    countProxyHosts(),
     listCertificates(),
     listAccessLists(),
-    getAuthentikSettings()
+    getAuthentikSettings(),
   ]);
 
-  return <ProxyHostsClient hosts={hosts} certificates={certificates} accessLists={accessLists} authentikDefaults={authentikDefaults} />;
+  return (
+    <ProxyHostsClient
+      hosts={hosts}
+      certificates={certificates}
+      accessLists={accessLists}
+      authentikDefaults={authentikDefaults}
+      pagination={{ total, page, perPage: PER_PAGE }}
+    />
+  );
 }