From 3be9cdfe65ecbcdb68bbb57b80f33dcd86642bf7 Mon Sep 17 00:00:00 2001
From: Mauricio Siu <siumauricio@icloud.com>
Date: Wed, 12 Aug 2026 04:11:32 -0600
Subject: [PATCH] feat: add go-to-page input to Docker events pagination

---
 .../docker/events/show-docker-events.tsx      | 32 +++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/apps/dokploy/components/dashboard/docker/events/show-docker-events.tsx b/apps/dokploy/components/dashboard/docker/events/show-docker-events.tsx
index 96d0f6556..8a6d76db8 100644
--- a/apps/dokploy/components/dashboard/docker/events/show-docker-events.tsx
+++ b/apps/dokploy/components/dashboard/docker/events/show-docker-events.tsx
@@ -365,6 +365,38 @@ export const ShowDockerEvents = ({ serverId }: Props) => {
 									Page {table.getState().pagination.pageIndex + 1} of{" "}
 									{table.getPageCount()}
 								</span>
+								<div className="flex items-center gap-2">
+									<span className="text-sm text-muted-foreground">Go to</span>
+									<Input
+										type="number"
+										min={1}
+										max={table.getPageCount()}
+										defaultValue={table.getState().pagination.pageIndex + 1}
+										key={table.getState().pagination.pageIndex}
+										onKeyDown={(e) => {
+											if (e.key !== "Enter") return;
+											const value = Number(
+												(e.target as HTMLInputElement).value,
+											);
+											if (!Number.isFinite(value)) return;
+											const page = Math.min(
+												Math.max(value, 1),
+												table.getPageCount(),
+											);
+											table.setPageIndex(page - 1);
+										}}
+										onBlur={(e) => {
+											const value = Number(e.target.value);
+											if (!Number.isFinite(value)) return;
+											const page = Math.min(
+												Math.max(value, 1),
+												table.getPageCount(),
+											);
+											table.setPageIndex(page - 1);
+										}}
+										className="w-16 h-8"
+									/>
+								</div>
 								<div className="flex gap-2">
 									<Button
 										variant="outline"