X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/7400998048d63d93ac6eb63895cd4a9e4d728591..9a59fad2b6a97af963728a5111395f9caa71802f:/src/views-components/search-bar/search-bar.tsx diff --git a/src/views-components/search-bar/search-bar.tsx b/src/views-components/search-bar/search-bar.tsx index b40225b6..327644ed 100644 --- a/src/views-components/search-bar/search-bar.tsx +++ b/src/views-components/search-bar/search-bar.tsx @@ -3,23 +3,24 @@ // SPDX-License-Identifier: AGPL-3.0 import { connect } from 'react-redux'; -import { RootState } from '~/store/store'; +import { RootState } from 'store/store'; import { Dispatch } from 'redux'; import { goToView, searchData, deleteSavedQuery, loadRecentQueries, - saveQuery, openSearchView, closeSearchView, + closeAdvanceView, navigateToItem, editSavedQuery, changeData, - submitData -} from '~/store/search-bar/search-bar-actions'; -import { SearchBarView, SearchBarActionProps, SearchBarDataProps } from '~/views-components/search-bar/search-bar-view'; -import { SearchBarAdvanceFormData } from '~/models/search-bar'; + submitData, moveUp, moveDown, setAdvancedDataFromSearchValue, SEARCH_BAR_ADVANCED_FORM_NAME +} from 'store/search-bar/search-bar-actions'; +import { SearchBarView, SearchBarActionProps, SearchBarDataProps } from 'views-components/search-bar/search-bar-view'; +import { SearchBarAdvancedFormData } from 'models/search-bar'; +import { Vocabulary } from 'models/vocabulary'; const mapStateToProps = ({ searchBar, form }: RootState): SearchBarDataProps => { return { @@ -27,8 +28,12 @@ const mapStateToProps = ({ searchBar, form }: RootState): SearchBarDataProps => currentView: searchBar.currentView, isPopoverOpen: searchBar.open, searchResults: searchBar.searchResults, + selectedItem: searchBar.selectedItem, savedQueries: searchBar.savedQueries, - tags: form.searchBarAdvanceFormName + tags: form[SEARCH_BAR_ADVANCED_FORM_NAME], + saveQuery: form[SEARCH_BAR_ADVANCED_FORM_NAME] && + form[SEARCH_BAR_ADVANCED_FORM_NAME].values && + form[SEARCH_BAR_ADVANCED_FORM_NAME].values!.saveQuery }; }; @@ -38,12 +43,15 @@ const mapDispatchToProps = (dispatch: Dispatch): SearchBarActionProps => ({ onSetView: (currentView: string) => dispatch(goToView(currentView)), onSubmit: (event: React.FormEvent) => dispatch(submitData(event)), closeView: () => dispatch(closeSearchView()), + closeAdvanceView: () => dispatch(closeAdvanceView()), loadRecentQueries: () => dispatch(loadRecentQueries()), - saveQuery: (data: SearchBarAdvanceFormData) => dispatch(saveQuery(data)), deleteSavedQuery: (id: number) => dispatch(deleteSavedQuery(id)), openSearchView: () => dispatch(openSearchView()), navigateTo: (uuid: string) => dispatch(navigateToItem(uuid)), - editSavedQuery: (data: SearchBarAdvanceFormData) => dispatch(editSavedQuery(data)) + editSavedQuery: (data: SearchBarAdvancedFormData) => dispatch(editSavedQuery(data)), + moveUp: () => dispatch(moveUp()), + moveDown: () => dispatch(moveDown()), + setAdvancedDataFromSearchValue: (search: string, vocabulary: Vocabulary) => dispatch(setAdvancedDataFromSearchValue(search, vocabulary)) }); -export const SearchBar = connect(mapStateToProps, mapDispatchToProps)(SearchBarView); \ No newline at end of file +export const SearchBar = connect(mapStateToProps, mapDispatchToProps)(SearchBarView);