stronk/LivepeerEvents
1
0
Fork 0
mirror of https://github.com/stronk-dev/LivepeerEvents.git synced 2025-07-05 18:55:09 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix viewing the last page in delegator view if a higher page is selected

Browse Source
This commit is contained in:
Marco van Dijk 2022-05-05 22:53:23 +02:00
parent d1033e6419
commit 354ad1254a
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/OrchDelegatorViewer.js
View File

@ -34,6 +34,7 @@ const OrchDelegatorViewer = (obj) => {
} }
const totalPages = (delegators.length + (itemsPerPage - (delegators.length % itemsPerPage))) / itemsPerPage; const totalPages = (delegators.length + (itemsPerPage - (delegators.length % itemsPerPage))) / itemsPerPage;
const thisPage = (activePage > totalPages) ? totalPages : activePage;
return ( return (
<div className="stroke" style={{ paddingBottom: 0, marginBottom: 0 }}> <div className="stroke" style={{ paddingBottom: 0, marginBottom: 0 }}>
@ -45,7 +46,7 @@ const OrchDelegatorViewer = (obj) => {
<div className="overflow-content" style={{ cursor: 'grab', maxHeight: '300px' }}> <div className="overflow-content" style={{ cursor: 'grab', maxHeight: '300px' }}>
{ {
sortedList.map((delObj, idx) => { sortedList.map((delObj, idx) => {
const tmp = idx - ((activePage - 1) * itemsPerPage); const tmp = idx - ((thisPage - 1) * itemsPerPage);
if (tmp >= 0 && tmp < itemsPerPage) { if (tmp >= 0 && tmp < itemsPerPage) {
return ( return (
<div className="flexContainer forceWrap" key={"delegator" + idx}> <div className="flexContainer forceWrap" key={"delegator" + idx}>
@ -71,7 +72,7 @@ const OrchDelegatorViewer = (obj) => {
</div> </div>
<div className="row" style={{ marginTop: '1em', marginBottom: '1em' }}> <div className="row" style={{ marginTop: '1em', marginBottom: '1em' }}>
{totalPages > 1 ? {totalPages > 1 ?
<Pagination page={activePage} onChange={setPage} total={totalPages} siblings={1} initialPage={1} /> <Pagination page={thisPage} onChange={setPage} total={totalPages} siblings={1} initialPage={1} />
: null} : null}
</div> </div>
</div> </div>