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:
Kentai Radiquum 2024-04-29 03:45:27 +05:00
parent f84c923ab7
commit 85302f0607
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
5 changed files with 58 additions and 13 deletions

View file

@ -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}
/>
)}
</>
);