From 57fd48ccc58de9869c37957abc293243952ab596 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cau=C3=AA=20Faleiros?= <cauefaleiros@gmail.com>
Date: Wed, 1 Jul 2026 11:36:30 -0300
Subject: [PATCH] Remove pagination input spinner

---
 src/components/PaginationControls.tsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/components/PaginationControls.tsx b/src/components/PaginationControls.tsx
index 64b8d58..c459dd0 100644
--- a/src/components/PaginationControls.tsx
+++ b/src/components/PaginationControls.tsx
@@ -91,11 +91,16 @@ const PaginationControls = ({
           <label className="flex items-center gap-1 text-xs font-semibold text-zinc-500 dark:text-dark-muted">
             <span>Página</span>
             <input
-              type="number"
-              min={1}
-              max={safeTotalPages}
+              type="text"
+              inputMode="numeric"
+              pattern="[0-9]*"
               value={safeCurrentPage}
-              onChange={(event) => goToPage(Number(event.target.value))}
+              onFocus={(event) => event.currentTarget.select()}
+              onChange={(event) => {
+                const nextPage = event.target.value.replace(/\D/g, '');
+                if (!nextPage) return;
+                goToPage(Number(nextPage));
+              }}
               className="h-8 w-16 rounded-lg border border-dark-border bg-dark-card px-2 text-center text-sm font-bold text-dark-text focus:outline-none focus:border-brand-primary"
               aria-label="Ir para página"
             />