tubearchivist/tubearchivist-frontend
1
0
Fork 0
mirror of https://github.com/tubearchivist/tubearchivist-frontend.git synced 2024-11-25 05:00:16 +00:00
Code Issues Projects Releases Wiki Activity

Pagination improvements

Browse Source
This commit is contained in:
n8detar 2022-04-21 10:53:14 -07:00
parent e5fc4a3282
commit d948b3e8e7
2 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
tubearchivist/www/src/pages/download.tsx
View File

@ -384,8 +384,13 @@ const Download: NextPage = () => {
<a key={`${page}`} className="pagination-item" onClick={() => handleSetPageNumber(page)}>{page}</a> <a key={`${page}`} className="pagination-item" onClick={() => handleSetPageNumber(page)}>{page}</a>
)}) )})
} }
<span>&lt; Page {pageNumber}</span> {downloads?.paginate?.prev_pages &&
<span>&lt; </span>
}
<span> Page {pageNumber}</span>
{downloads?.paginate?.next_pages &&
<span> &gt; </span> <span> &gt; </span>
}
{downloads?.paginate?.next_pages && {downloads?.paginate?.next_pages &&
downloads?.paginate?.next_pages?.map((page) => { downloads?.paginate?.next_pages?.map((page) => {
return ( return (

1
tubearchivist/www/src/styles/globals.css
View File

@ -527,6 +527,7 @@ button:hover {
.pagination-item { .pagination-item {
padding: 5px; padding: 5px;
margin-right: 4px;
border: 1px solid; border: 1px solid;
} }