fix: check if there is a next page before loading the list next page

This commit is contained in:
DIYgod 2023-04-27 00:04:07 +01:00
parent a49778bb16
commit fb68a880f2
No known key found for this signature in database
4 changed files with 6 additions and 4 deletions

View File

@ -30,7 +30,7 @@ export const CharacterList: React.FC<{
overscan={10}
style={{ height: Infinity }}
className="h-screen"
endReached={() => loadMore()}
endReached={() => hasMore && loadMore()}
components={{
Footer: hasMore ? Loader : undefined,
}}

View File

@ -43,7 +43,7 @@ export const Comment: React.FC<{
className="xlog-comment-list"
useWindowScroll
data={comments.data?.pages}
endReached={() => comments.fetchNextPage()}
endReached={() => comments.hasNextPage && comments.fetchNextPage()}
components={{
Footer: comments.isLoading ? Loader : undefined,
}}

View File

@ -278,7 +278,7 @@ export const MainFeed: React.FC<{
<div className="xlog-posts !-mt-0">
<Virtuoso
overscan={5}
endReached={() => feed.fetchNextPage()}
endReached={() => feed.hasNextPage && feed.fetchNextPage()}
useWindowScroll
data={feed.data?.pages}
itemContent={(_, posts) =>

View File

@ -63,7 +63,9 @@ export default function CommentsPage() {
className="xlog-comment-list"
useWindowScroll
data={comments.data?.pages}
endReached={() => comments.fetchNextPage()}
endReached={() =>
comments.hasNextPage && comments.fetchNextPage()
}
components={{
Footer: comments.isLoading ? Loader : undefined,
}}