fix: ProjectSearch stuck on infinite loading

golemfoundation · Oct 16, 2024 · 78b2871 · 78b2871
1 parent c6248b6
commit 78b2871
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/client/src/views/ProjectsView/ProjectsView.tsx b/client/src/views/ProjectsView/ProjectsView.tsx
@@ -73,13 +73,26 @@ const ProjectsView = (): ReactElement => {
     data: searchedProjects,
     refetch: refetchSearchedProjects,
     status: statusSearchedProjects,
+    isFetching: isFetchingSearchedProjects,
   } = useSearchedProjects(projectsSearchParameters);
   const {
     data: searchedProjectsDetails,
     refetch: refetchSearchedProjectsDetails,
     isFetching: isFetchingSearchedProjectsDetails,
   } = useSearchedProjectsDetails(searchedProjects);
 
+  useEffect(() => {
+    if (
+      isProjectsSearchInProgress &&
+      searchedProjects &&
+      searchedProjects.length === 0 &&
+      !isFetchingSearchedProjects
+    ) {
+      setIsProjectsSearchInProgress(false);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [searchedProjects, isFetchingSearchedProjects]);
+
   useEffect(() => {
     if (isFetchingSearchedProjectsDetails) {
       return;