fix(paginator): delete number 1 from input (#103)

* fix(paginator): delete number 1 from input * fix(paginator): fixs from comments * fix(paginator): fixs from comments * fix(paginator): fix in siglequotes
indec-it · Jan 30, 2024 · 3629830 · 3629830
1 parent 7756528
commit 3629830
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/components/Pagination/Pagination.js b/src/components/Pagination/Pagination.js
@@ -27,7 +27,8 @@ const Pagination = ({
     const [search, setSearch] = useState(currentPage);
     const hasArrowRight = Math.max(...pages) < totalPages;
     const hasArrowLeft = Math.min(...pages) > 1;
-    const handleChangeInput = value => setSearch(parseInt(value, 10));
+
+    const handleChangeInput = value => setSearch(Number(value) || '');
 
     const handleMoveLeft = () => {
         const pagesNumbers = getPagesNumber(pages);
@@ -58,6 +59,8 @@ const Pagination = ({
         }
     };
 
+    const handleBlur = () => !Number.isNaN(search) && setSearch(1);
+
     useEffect(() => {
         setPages(getPagesRange(null, currentPage, totalPages) || []);
     }, [totalPages]);
@@ -115,8 +118,10 @@ const Pagination = ({
                                 min={1}
                                 max={totalPages}
                                 onChange={handleChangeInput}
-                                value={!Number.isNaN(search) ? search : 1}
+                                defaultValue={1}
+                                value={!Number.isNaN(search) ? search : undefined}
                                 onKeyDown={handleKeyDown}
+                                onBlur={handleBlur}
                             >
                                 <NumberInputField p="0 10px" data-testid="input"/>
                             </NumberInput>