diff --git a/src/app/tools/ratings/page.tsx b/src/app/tools/ratings/page.tsx index 4aed22073..3546b2227 100644 --- a/src/app/tools/ratings/page.tsx +++ b/src/app/tools/ratings/page.tsx @@ -179,34 +179,56 @@ export default function Page() { }, [page]); return ( - - Page - { - setPage( - Math.max( - 0, - Math.min( - Math.floor((players.data?.length ?? 0) / rowsPerPage), - event.target.valueAsNumber - 1, + + + + Page + { + setPage( + Math.max( + 0, + Math.min( + Math.floor((players.data?.length ?? 0) / rowsPerPage), + event.target.valueAsNumber - 1, + ), ), - ), - ); - }} - onKeyDown={(event) => { - if (event.key === 'Enter') { - (event.target as HTMLInputElement).blur(); - } - }} - /> - - out of {Math.ceil((players.data?.length ?? 0) / rowsPerPage)} - - + ); + }} + onKeyDown={(event) => { + if (event.key === 'Enter') { + (event.target as HTMLInputElement).blur(); + } + }} + /> + + out of {Math.ceil((players.data?.length ?? 0) / rowsPerPage)} + + + setRowsPerPage(parseInt(value))} + defaultValue={`${rowsPerPage}`} + > + + + + {ROWS_OPTIONS.map((size) => ( + + {size} per page + + ))} + + + + ); } @@ -260,30 +282,6 @@ export default function Page() { - - - - setRowsPerPage(parseInt(value))} - defaultValue={`${rowsPerPage}`} - > - - - - {ROWS_OPTIONS.map((size) => ( - - {size} per page - - ))} - - - - - + + {players.isLoading ? ( @@ -430,15 +430,7 @@ export default function Page() { )} - - - - - + ); }