Prevent triggering load more requests while loading

2024-04-26 22:14:29 +02:00
parent 09bf1163fa
commit b90f84ee11
1 changed files with 5 additions and 1 deletions
--- a/src/components/MangaGrid.tsx
+++ b/src/components/MangaGrid.tsx
@@ -291,6 +291,10 @@ export const MangaGrid: React.FC<IMangaGridProps> = (props) => {
            const gridHeight = entries[0].target.clientHeight;
            const isScrollbarVisible = gridHeight > document.documentElement.clientHeight;

+            if (isLoading) {
+                return;
+            }
+
            if (!gridHeight) {
                return;
            }
@@ -306,7 +310,7 @@ export const MangaGrid: React.FC<IMangaGridProps> = (props) => {
        resizeObserver.observe(gridRef.current);

        return () => resizeObserver.disconnect();
-    }, [loadMore]);
+    }, [loadMore, isLoading]);

    const hasNoItems = !isLoading && mangas.length === 0;
    if (hasNoItems) {