mirror of
https://github.com/Radiquum/AniX.git
synced 2025-05-03 19:39:39 +05:00
feat(next-page-loading): disable load more button when length of fetched page is less than 25 on all pages
This commit is contained in:
parent
f84c923ab7
commit
85302f0607
5 changed files with 58 additions and 13 deletions
|
@ -13,11 +13,19 @@ export default function History() {
|
|||
const [releases, setReleases] = useState();
|
||||
const [page, setPage] = useState(0);
|
||||
|
||||
const [isNextPage, setIsNextPage] = useState(true);
|
||||
|
||||
async function fetchData(page = 0) {
|
||||
if (userStore.token) {
|
||||
const url = `${endpoints.user.history}?page=${page}&token=${userStore.token}`;
|
||||
const data = await getData(url);
|
||||
|
||||
if (data.content.length < 25) {
|
||||
setIsNextPage(false);
|
||||
} else {
|
||||
setIsNextPage(true);
|
||||
}
|
||||
|
||||
// Handle initial load (page 0) or subsequent pagination
|
||||
if (page === 0) {
|
||||
setReleases(data.content);
|
||||
|
@ -44,7 +52,12 @@ export default function History() {
|
|||
{!userStore.isAuth ? (
|
||||
<LogInNeeded />
|
||||
) : (
|
||||
<ReleasesOverview page={page} setPage={setPage} releases={releases} />
|
||||
<ReleasesOverview
|
||||
page={page}
|
||||
setPage={setPage}
|
||||
releases={releases}
|
||||
isNextPage={isNextPage}
|
||||
/>
|
||||
)}
|
||||
</>
|
||||
);
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue