Fix: InfiniteScroll sometimes can not fetch next page (#7550)

### What problem does this PR solve?

https://github.com/infiniflow/ragflow/issues/7538

### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)
This commit is contained in:
Stephen Hu 2025-05-12 17:15:55 +08:00 committed by GitHub
parent 514c08a932
commit 4a891f2d67
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -70,24 +70,39 @@ const FlowList = () => {
</Flex>
<Spin spinning={loading}>
<InfiniteScroll
dataLength={nextList?.length ?? 0}
next={fetchNextPage}
hasMore={hasNextPage}
loader={<Skeleton avatar paragraph={{ rows: 1 }} active />}
endMessage={!!total && <Divider plain>{t('noMoreData')} 🤐</Divider>}
scrollableTarget="scrollableDiv"
<div
id="scrollableDiv"
style={{
height: 'calc(100vh - 200px)',
overflow: 'auto',
}}
>
<Flex gap={'large'} wrap="wrap" className={styles.flowCardContainer}>
{nextList.length > 0 ? (
nextList.map((item) => {
return <FlowCard item={item} key={item.id}></FlowCard>;
})
) : (
<Empty className={styles.knowledgeEmpty}></Empty>
)}
</Flex>
</InfiniteScroll>
<InfiniteScroll
dataLength={nextList?.length ?? 0}
next={fetchNextPage}
hasMore={hasNextPage}
loader={<Skeleton avatar paragraph={{ rows: 1 }} active />}
endMessage={
!!total && <Divider plain>{t('noMoreData')} 🤐</Divider>
}
scrollableTarget="scrollableDiv"
scrollThreshold="200px"
>
<Flex
gap={'large'}
wrap="wrap"
className={styles.flowCardContainer}
>
{nextList.length > 0 ? (
nextList.map((item) => {
return <FlowCard item={item} key={item.id}></FlowCard>;
})
) : (
<Empty className={styles.knowledgeEmpty}></Empty>
)}
</Flex>
</InfiniteScroll>
</div>
</Spin>
{flowSettingVisible && (
<AgentTemplateModal