import React, { useEffect } from "react";
import PropTypes from "prop-types";
import { useSelector, useDispatch } from "react-redux";
import Loader from "../loader/loader";
import { Fanart } from "../details/fanart";
import { Header } from "./details/header";
import { SeasonsList } from "./details/seasons";
import { fetchShowDetails } from "../../actions/shows";
export const ShowDetails = ({ match }) => {
const dispatch = useDispatch();
const loading = useSelector((state) => state.show.loading);
const fanartUrl = useSelector((state) => state.show.show.fanart_url);
useEffect(() => {
dispatch(fetchShowDetails(match.params.imdbId));
}, [dispatch, match]);
if (loading === true) {
return ;
}
return (
);
};
ShowDetails.propTypes = {
match: PropTypes.object.isRequired,
};