standardise onRemoveSearchQueryClicked.tsx

faiqali1 · Aug 3, 2023 · 8e0414f · 8e0414f
1 parent 94a77de
commit 8e0414f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/src/components/Search/SearchHistory/index.tsx b/src/components/Search/SearchHistory/index.tsx
@@ -7,7 +7,7 @@ import styles from './SearchHistory.module.scss';
 
 import Header from '@/components/Search/PreInput/Header';
 import SearchQuerySuggestion from '@/components/Search/PreInput/SearchQuerySuggestion';
-import { removeSearchHistoryRecord, selectSearchHistory } from '@/redux/slices/Search/search';
+import { removeSearchHistoryRecordAction, selectSearchHistory } from '@/redux/slices/Search/search';
 import { areArraysEqual } from '@/utils/array';
 import { logButtonClick } from '@/utils/eventLogger';
 
@@ -25,7 +25,7 @@ const SearchHistory: React.FC<Props> = ({ onSearchKeywordClicked, isSearchDrawer
     (searchQuery: string) => {
       // eslint-disable-next-line i18next/no-literal-string
       logButtonClick(`search_${isSearchDrawer ? 'drawer' : 'page'}_remove_query`);
-      dispatch({ type: removeSearchHistoryRecord.type, payload: searchQuery });
+      dispatch(removeSearchHistoryRecordAction(searchQuery));
     },
     [dispatch, isSearchDrawer],
   );

diff --git a/src/redux/slices/Search/search.ts b/src/redux/slices/Search/search.ts
@@ -54,6 +54,11 @@ export const addSearchHistoryRecordAction = (searchQuery: string) => ({
   payload: searchQuery,
 });
 
+export const removeSearchHistoryRecordAction = (searchQuery: string) => ({
+  type: removeSearchHistoryRecord.type,
+  payload: searchQuery,
+});
+
 export const selectSearchHistory = (state: RootState) => state.search.searchHistory;
 
 export default searchSlice.reducer;