Clear suggestions when results update

src/components/IntegrationAutosuggest.js

@@ -75,10 +75,14 @@ const IntegrationAutosuggest = (props) => {
 
   const handleOnChange = (event, { newValue }) => props.updateQuery(newValue);
 
-  const handleOnSuggestionSelected = () => props.fetchResults();
+  const handleOnSuggestionSelected = () => {
+    props.clearSuggestions();
+    props.fetchResults();
+  };
 
   const handleOnKeyDown = (event) => {
     if (event.key === 'Enter') {
+      props.clearSuggestions();
       props.fetchResults();
     }
   };

src/epics/index.js

@@ -35,6 +35,7 @@ const getSuggestionsEpic = (action$, store) => {
 const getResultsEpic = (action$, store) => {
   const searchUrl = 'http://localhost:3000/search';
   return action$.ofType(FETCH_RESULTS)
+    .debounceTime(500)
     .switchMap(() => {
       const { query, datasets } = store.getState().search;
       if (query.length < 3) {

src/reducers/search.js

@@ -27,7 +27,12 @@ const search = (state = INITIAL_STATE, action) => {
       return { ...state, suggestions: suggestions(state.suggestions, action) };
     case CLEAR_RESULTS:
     case UPDATE_RESULTS:
-      return { ...state, results: results(state.results, action) };
+      return {
+        ...state,
+        suggestions: [], 
+        results: results(state.results, action)
+
+      };
     default:
       return state;
   }