import React from 'react';
import {List} from 'immutable';
import {shouldComponentUpdate} from 'react-addons-pure-render-mixin';
import {connect} from 'react-redux';
import getFiltersData from './filtersData';
import {filtersDataReady} from './reducer';

const Filters = React.createClass({
  propTypes: {
    getFiltersData: React.PropTypes.func.isRequired,
    values: React.PropTypes.instanceOf(List)
  },


  componentWillMount() {
    this.props.getFiltersData();
  },


  shouldComponentUpdate,


  render() {
    const {values} = this.props;
    // ...
  }
});


const mapStateToProps = ({
  filters
}) => ({
  values: filters.get('value')
});


const mapDispatchToProps = dispatch => ({
  getFiltersData: () => getFiltersData()
    .then(data => dispatch(filtersDataReady(data)))
});


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