Skip to content

Commit 3629830

Browse files
authored
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
1 parent 7756528 commit 3629830

1 file changed

Lines changed: 7 additions & 2 deletions

File tree

src/components/Pagination/Pagination.js

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,8 @@ const Pagination = ({
2727
const [search, setSearch] = useState(currentPage);
2828
const hasArrowRight = Math.max(...pages) < totalPages;
2929
const hasArrowLeft = Math.min(...pages) > 1;
30-
const handleChangeInput = value => setSearch(parseInt(value, 10));
30+
31+
const handleChangeInput = value => setSearch(Number(value) || '');
3132

3233
const handleMoveLeft = () => {
3334
const pagesNumbers = getPagesNumber(pages);
@@ -58,6 +59,8 @@ const Pagination = ({
5859
}
5960
};
6061

62+
const handleBlur = () => !Number.isNaN(search) && setSearch(1);
63+
6164
useEffect(() => {
6265
setPages(getPagesRange(null, currentPage, totalPages) || []);
6366
}, [totalPages]);
@@ -115,8 +118,10 @@ const Pagination = ({
115118
min={1}
116119
max={totalPages}
117120
onChange={handleChangeInput}
118-
value={!Number.isNaN(search) ? search : 1}
121+
defaultValue={1}
122+
value={!Number.isNaN(search) ? search : undefined}
119123
onKeyDown={handleKeyDown}
124+
onBlur={handleBlur}
120125
>
121126
<NumberInputField p="0 10px" data-testid="input"/>
122127
</NumberInput>

0 commit comments

Comments
 (0)