proper saving tags and disabling search button at adnveced search view
[arvados.git] / src / views-components / search-bar / search-bar.tsx
1 // Copyright (C) The Arvados Authors. All rights reserved.
2 //
3 // SPDX-License-Identifier: AGPL-3.0
4
5 import { connect } from 'react-redux';
6 import { RootState } from '~/store/store';
7 import { Dispatch } from 'redux';
8 import {
9     goToView,
10     searchData,
11     deleteSavedQuery,
12     saveRecentQuery,
13     loadRecentQueries,
14     saveQuery,
15     openSearchView,
16     closeSearchView,
17     navigateToItem,
18     editSavedQuery,
19     searchDataOnEnter
20 } from '~/store/search-bar/search-bar-actions';
21 import { SearchBarView } from '~/views-components/search-bar/search-bar-view';
22 import { SearchBarAdvanceFormData } from '~/models/search-bar';
23
24 const mapStateToProps = ({ searchBar, form }: RootState) => {
25     return {
26         searchValue: searchBar.searchValue,
27         currentView: searchBar.currentView,
28         isPopoverOpen: searchBar.open,
29         searchResults: searchBar.searchResults,
30         savedQueries: searchBar.savedQueries,
31         tags: form.searchBarAdvanceFormName
32     };
33 };
34
35 const mapDispatchToProps = (dispatch: Dispatch) => ({
36     onSearch: (valueSearch: string) => dispatch<any>(searchData(valueSearch)),
37     onSetView: (currentView: string) => dispatch(goToView(currentView)),
38     closeView: () => dispatch<any>(closeSearchView()),
39     saveRecentQuery: (query: string) => dispatch<any>(saveRecentQuery(query)),
40     loadRecentQueries: () => dispatch<any>(loadRecentQueries()),
41     saveQuery: (data: SearchBarAdvanceFormData) => dispatch<any>(saveQuery(data)),
42     deleteSavedQuery: (id: number) => dispatch<any>(deleteSavedQuery(id)),
43     openSearchView: () => dispatch<any>(openSearchView()),
44     navigateTo: (uuid: string) => dispatch<any>(navigateToItem(uuid)),
45     editSavedQuery: (data: SearchBarAdvanceFormData) => dispatch<any>(editSavedQuery(data)),
46     searchDataOnEnter: (searchValue: string) => dispatch<any>(searchDataOnEnter(searchValue))
47 });
48
49 export const SearchBar = connect(mapStateToProps, mapDispatchToProps)(SearchBarView);