From 56dbd6573086f9336913f5b65d76008eb11c07c7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Gr=C3=A9goire=20Delattre?= <gregoire.delattre@gmail.com>
Date: Fri, 3 Apr 2020 19:07:31 +0200
Subject: [PATCH] Fix infinite scroll on the poster list

---
 frontend/js/components/list/posters.js | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend/js/components/list/posters.js b/frontend/js/components/list/posters.js
index f0012e2..d70feda 100644
--- a/frontend/js/components/list/posters.js
+++ b/frontend/js/components/list/posters.js
@@ -98,6 +98,7 @@ const Posters = ({
   const [size, setSize] = useState(0);
   const [postersPerRow, setPostersPerRow] = useState(0);
   const [posterHeight, setPosterHeight] = useState(0);
+  const [initialLoading, setInitialLoading] = useState(true);
 
   const loadMore = useCallback(() => {
     if (size === elmts.size) {
@@ -111,8 +112,11 @@ const Posters = ({
   }, [size, elmts.size]);
 
   useEffect(() => {
-    loadMore();
-  }, [elmts.size, loadMore]);
+    if (initialLoading) {
+      loadMore();
+      setInitialLoading(false);
+    }
+  }, [loadMore, initialLoading, setInitialLoading]);
 
   const move = useCallback(
     (event) => {