import { connect } from 'react-redux'
import { bindActionCreators } from 'redux'

import * as ActivityGroupsSelectors from '../../../modules/activityGroups/selectors'
import * as PopupActions from '../../../modules/popup/actions'
import * as PopupSelectors from '../../../modules/popup/selectors'

import { ISearchComponentContainerMapStateToProps, ISearchComponentContainerMapDispatchToProps } from './interfaces'

import SearchComponent from './SearchComponent'

const mapStateToProps = (state: any) => ({
  searchQuery: PopupSelectors.searchQuery(state),
  searchFocused: PopupSelectors.searchFocused(state),
  activityGroups: ActivityGroupsSelectors.activityGroups(state),
})

const mapDispatchToProps = (dispatch: any) => ({
  actions: bindActionCreators(
    {
      updateSearchQuery: PopupActions.updateSearchQuery,
      searchFocused: PopupActions.searchFocused,
    },
    dispatch,
  ),
})

export default connect<ISearchComponentContainerMapStateToProps, ISearchComponentContainerMapDispatchToProps, null>(mapStateToProps, mapDispatchToProps)(SearchComponent)