From 12c75d2d11728216324b38223fe4a4d749a7c142 Mon Sep 17 00:00:00 2001
From: Ivelin Megdanov <iv4o.megdanov@gmail.com>
Date: Mon, 10 Mar 2025 17:23:29 +0200
Subject: [PATCH] Fix infinite scroll issue on large screens

---
 src/routes/Discover/Discover.js | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/routes/Discover/Discover.js b/src/routes/Discover/Discover.js
index abcdfb205..f81696246 100644
--- a/src/routes/Discover/Discover.js
+++ b/src/routes/Discover/Discover.js
@@ -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' &&