From 9faf50da42e64640d148df67ce2132119640e172 Mon Sep 17 00:00:00 2001
From: "Lukas.J.Han" <lukas.j.han@gmail.com>
Date: Thu, 15 Aug 2024 22:17:23 +0900
Subject: [PATCH] feat: add keyboard action

Signed-off-by: Lukas.J.Han <lukas.j.han@gmail.com>
---
 packages/core/lib/components/Pagination.tsx | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/packages/core/lib/components/Pagination.tsx b/packages/core/lib/components/Pagination.tsx
index 9bb65ad..03bdaa9 100644
--- a/packages/core/lib/components/Pagination.tsx
+++ b/packages/core/lib/components/Pagination.tsx
@@ -184,6 +184,14 @@ export const Pagination: React.FC<PaginationProps> = ({
     </button>
   );
 
+  const inputPageNumber = (e: React.KeyboardEvent<HTMLInputElement>) => {
+    if (e.key === ' ' || e.key === 'Enter') {
+      e.preventDefault();
+      onPageChange(inputPage);
+      return;
+    }
+  };
+
   return (
     <nav
       aria-label={'페이지 네비게이션'}
@@ -206,6 +214,7 @@ export const Pagination: React.FC<PaginationProps> = ({
             type="number"
             value={inputPage}
             onChange={(e) => setInputPage(parseInt(e.target.value, 10))}
+            onKeyDown={inputPageNumber}
             min={1}
             max={totalPages}
             className="w-14 px-2 py-1 border border-gray-50 rounded-2 focus:outline-none focus:ring-2 focus:ring-primary-50 text-right"