fix: check if there is a next page before loading the list next page
This commit is contained in:
parent
a49778bb16
commit
fb68a880f2
|
|
@ -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,
|
||||
}}
|
||||
|
|
|
|||
|
|
@ -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,
|
||||
}}
|
||||
|
|
|
|||
|
|
@ -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) =>
|
||||
|
|
|
|||
|
|
@ -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,
|
||||
}}
|
||||
|
|
|
|||
Loading…
Reference in New Issue