Fix infinite scroll issue on large screens

This commit is contained in:
Ivelin Megdanov 2025-03-10 17:23:29 +02:00
parent 45f8afea91
commit 12c75d2d11

View file

@ -26,6 +26,15 @@ const Discover = ({ urlParams, queryParams }) => {
metasContainerRef.current.scrollTop = 0;
}
}, [discover.catalog]);
React.useEffect(() => {
if (hasNextPage && metasContainerRef.current) {
const containerHeight = metasContainerRef.current.scrollHeight;
const viewportHeight = metasContainerRef.current.clientHeight;
if (containerHeight <= viewportHeight) {
loadNextPage();
}
}
}, [hasNextPage, loadNextPage]);
const selectedMetaItem = React.useMemo(() => {
return discover.catalog !== null &&
discover.catalog.content.type === 'Ready' &&