Accords-Library-Archive/accords-library.com
1
0
Fork 0
Code Issues Pull Requests 5 Packages Projects Releases Wiki Activity

PageSelector buttons could only be clicked in the middle

Browse Source
This commit is contained in:
DrMint 2022-04-10 23:16:19 +02:00
parent 31d68dc6ae
commit 7c18c4f634
1 changed files with 14 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/components/PageSelector.tsx
View File

@ -13,26 +13,22 @@ export default function PageSelector(props: Props): JSX.Element {
return ( return (
<div className={`flex place-content-center flex-row ${props.className}`}> <div className={`flex place-content-center flex-row ${props.className}`}>
<Button className="rounded-r-none"> <Button
<span onClick={() => {
onClick={() => { if (page > 0) setPage(page - 1);
if (page > 0) setPage(page - 1); }}
}} className="rounded-r-none"
className="material-icons" >
> <span className="material-icons">navigate_before</span>
navigate_before
</span>
</Button> </Button>
<Button className="rounded-none border-x-0">{page + 1}</Button> <Button className="rounded-none border-x-0">{page + 1}</Button>
<Button className="rounded-l-none"> <Button
<span onClick={() => {
onClick={() => { if (page < maxPage) setPage(page + 1);
if (page < maxPage) setPage(page + 1); }}
}} className="rounded-l-none"
className="material-icons" >
> <span className="material-icons">navigate_next</span>
navigate_next
</span>
</Button> </Button>
</div> </div>
); );