From b4d599307cdb4dd3e69aec2442b68e7f35dc457e Mon Sep 17 00:00:00 2001
From: luuk schukkink <luuk.schukkink@gmail.com>
Date: Thu, 23 May 2024 13:52:51 +0200
Subject: [PATCH] Set fetching true when fetching on load and checking if
 fetching is still true when hgetting members

---
 client/src/components/members/memberlist.component.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/client/src/components/members/memberlist.component.tsx b/client/src/components/members/memberlist.component.tsx
index 98e7337..554f92b 100644
--- a/client/src/components/members/memberlist.component.tsx
+++ b/client/src/components/members/memberlist.component.tsx
@@ -12,7 +12,7 @@ export default function MemberList({ search }: { search: string }) {
 
     async function getMemberList() {
         let newMembers: Members = {} as Members;
-
+        if (!isFetching) return;
         try {
             // is there a next link then load it, if not but there are no members loaded yet this is the first load, load them otherwise there are no more members to load.
             if (next) {
@@ -45,6 +45,7 @@ export default function MemberList({ search }: { search: string }) {
     }
 
     useEffect(() => {
+        setIsFetching(true);
         getMemberList();
         window.addEventListener('scroll', handleScroll)
         return () => window.removeEventListener('scroll', handleScroll);