From 83877d8dab88c115a46d20b4e4c3f5a687777dce Mon Sep 17 00:00:00 2001 From: Zoe Roux Date: Wed, 6 Dec 2023 14:08:32 +0100 Subject: [PATCH] Make infinite scroll fetch earlier --- front/packages/ui/src/fetch-infinite.web.tsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/front/packages/ui/src/fetch-infinite.web.tsx b/front/packages/ui/src/fetch-infinite.web.tsx index 2266a417..92a7b35a 100644 --- a/front/packages/ui/src/fetch-infinite.web.tsx +++ b/front/packages/ui/src/fetch-infinite.web.tsx @@ -67,7 +67,8 @@ const InfiniteScroll = ({ const offset = layout.layout === "horizontal" ? ref.current.offsetWidth : ref.current.offsetHeight; - if (scroll <= offset * 1.2) loadMore(); + // Load more if less than 3 element's worth of scroll is left + if (scroll <= offset * 3) loadMore(); }, [hasMore, isFetching, layout, loadMore, fetchMore]); const scrollProps = { ref, onScroll };