fix: Correctly manage loading state for fetching results

AletheiaFact · Nov 25, 2024 · 4dc3b77 · 4dc3b77
1 parent 46b49a2
commit 4dc3b77
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/components/Search/OverlaySearchInput.tsx b/src/components/Search/OverlaySearchInput.tsx
@@ -23,7 +23,7 @@ const OverlaySearchInput = () => {
     });
 
     const handleInputSearch = async (name) => {
-        dispatch(actions.isFetchingResults());
+        dispatch(actions.setResultsLoading(true));
         dispatch(actions.openResultsOverlay());
         dispatch({
             type: ActionTypes.SET_SEARCH_OVERLAY_NAME,
@@ -38,6 +38,7 @@ const OverlaySearchInput = () => {
                 nameSpace: nameSpace,
             });
 
+        dispatch(actions.setResultsLoading(false));
         dispatch(actions.openResultsOverlay());
         dispatch({
             type: ActionTypes.SEARCH_OVERLAY_RESULTS,

diff --git a/src/store/actions.ts b/src/store/actions.ts
@@ -2,9 +2,9 @@ import { Content } from "../types/Content";
 import { ActionTypes } from "./types";
 
 const actions = {
-    isFetchingResults: () => ({
+    setResultsLoading: (isFetching) => ({
         type: ActionTypes.RESULTS_LOADING,
-        isFetching: true,
+        isFetching,
     }),
     openResultsOverlay: () => ({
         type: ActionTypes.RESULTS_OVERLAY_VISIBLE,