import React from "react" import { connect } from "react-redux" import { bindActionCreators } from "redux" import { selectShow, addShowToWishlist, deleteShowFromWishlist, getShowDetails, updateFilter } from "../../actions/shows" import ListDetails from "../list/details" import ListPosters from "../list/posters" import ShowButtons from "./listButtons" function mapStateToProps(state) { return { loading : state.showsStore.get("loading"), shows : state.showsStore.get("shows"), filter : state.showsStore.get("filter"), selectedImdbId : state.showsStore.get("selectedImdbId"), lastFetchUrl : state.showsStore.get("lastFetchUrl"), exploreOptions : state.showsStore.get("exploreOptions"), }; } const mapDispatchToProps = (dispatch) => bindActionCreators({ selectShow, addShowToWishlist, deleteShowFromWishlist, getShowDetails, updateFilter }, dispatch) class ShowList extends React.PureComponent { constructor(props) { super(props); this.showDetails = this.showDetails.bind(this); } showDetails(imdbId) { return this.props.router.push("/shows/details/" + imdbId); } render() { let selectedShow; if (this.props.selectedImdbId !== "") { selectedShow = this.props.shows.get(this.props.selectedImdbId); } return (
{selectedShow && }
); } } export default connect(mapStateToProps, mapDispatchToProps)(ShowList);