import { bindActionCreators } from 'redux';
import { connect } from 'react-redux';
import i18next from 'i18next';
import * as SortingActions from '../../actions/sorting';

import Searchbar from './Searchbar';

const scope = 'sketch';

function mapStateToProps(state) {
  return {
    searchLabel: i18next.t('Searchbar.SearchSketch'),
    searchTerm: state.search[`${scope}SearchTerm`],
  };
}

function mapDispatchToProps(dispatch) {
  const actions = {
    setSearchTerm: term => SortingActions.setSearchTerm(scope, term),
    resetSearchTerm: () => SortingActions.resetSearchTerm(scope),
  };
  return bindActionCreators(Object.assign({}, actions), dispatch);
}

export default connect(mapStateToProps, mapDispatchToProps)(Searchbar);