schneidmaster/debatevid.io

import { connect } from "react-redux";
import FiltersBar from "./FiltersBar";
import { setFilter } from "components/store/actions";

const mapStateToProps = (state, ownProps) => {
  const possibleFilters = state.getIn(["common", "possibleFilters"]);
  const filters = state.getIn(["common", "filters"]);

  return {
    availableFilters: possibleFilters.filterNot(filter =>
      filters.has(filter.id)
    ),
    filters
  };
};

const mapDispatchToProps = (dispatch, ownProps) => {
  return {
    addFilter(e, filter) {
      e.preventDefault();
      dispatch(setFilter(filter));
    }
  };
};

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