Merge pull request #868 from LiskHQ/857-search-delegate-autosuggest-r…

…edux-store

Provide actions reducers for autosuggest search - Closes #857

karma.conf.js

@@ -57,6 +57,8 @@ module.exports = function (config) {
             'src/components/register/register.js',
             'src/components/voteUrlProcessor/index.js',
             'src/utils/api/liskService.js',
+            'src/store/reducers/liskService.js',
+            'src/store/reducers/search.js',
             'src/components/errorBoundary/index.js',
           ],
           overrides: {

src/actions/search.js

@@ -2,6 +2,7 @@ import actionTypes from '../constants/actions';
 import { loadingStarted, loadingFinished } from '../utils/loading';
 import { transactions, getAccount } from '../utils/api/account';
 import { getDelegate, getVoters, getVotes } from '../utils/api/delegate';
+import { searchAll } from '../utils/api/search';
 
 const searchDelegate = ({ activePeer, publicKey, address }) =>
   (dispatch) => {
@@ -97,3 +98,15 @@ export const searchMoreTransactions = ({
         });
       });
   };
+
+export const searchSuggestions = ({ activePeer, searchTerm }) =>
+  (dispatch) => {
+    dispatch({
+      data: {},
+      type: actionTypes.searchClearSuggestions,
+    });
+    searchAll({ activePeer, searchTerm }).then(response => dispatch({
+      data: response,
+      type: actionTypes.searchSuggestions,
+    }));
+  };

src/components/autoSuggest/index.test.js

@@ -8,7 +8,6 @@ import i18n from '../../i18n';
 import styles from './autoSuggest.css';
 
 import * as searchActions from './../search/keyAction';
-
 import routes from '../../constants/routes';
 import keyCodes from './../../constants/keyCodes';
 import mockSearchResults from './searchResults.mock';

src/constants/actions.js

@@ -33,6 +33,8 @@ const actionTypes = {
   clearDataOfCurrencyGraph: 'CLEAR_DATA_OF_CURRENCY_GRAPH',
   loadingStarted: 'LOADING_STARTED',
   loadingFinished: 'LOADING_FINISHED',
+  searchSuggestions: 'SEARCH_SUGGESTIONS',
+  searchClearSuggestions: 'SEARCH_CLEAR_SUGGESTIONS',
   searchTransactions: 'SEARCH_TRANSACTIONS',
   searchMoreTransactions: 'SEARCH_MORE_TRANSACTIONS',
   searchAccount: 'SEARCH_ACCOUNT',

src/store/reducers/search.js

@@ -76,6 +76,18 @@ const search = (state = {
           [action.data.address]: action.data.voters,
         },
       };
+    case actionTypes.searchSuggestions:
+      return {
+        ...state,
+        suggestions: {
+          ...action.data,
+        },
+      };
+    case actionTypes.searchClearSuggestions:
+      return {
+        ...state,
+        suggestions: {},
+      };
     default:
       return state;
   }