import React from "react";
import PropTypes from "prop-types";
import { List } from "immutable";
import { connect } from "react-redux";

import { searchEpisodeSubtitles } from "../../../actions/subtitles";

import { SubtitlesButton } from "../../buttons/subtitles";

const episodeSubtitlesButton = ({
  inLibrary,
  imdbId,
  season,
  episode,
  searching,
  searchEpisodeSubtitles,
  subtitles,
}) => (
  <SubtitlesButton
    subtitles={subtitles}
    inLibrary={inLibrary}
    searching={searching}
    search={() => searchEpisodeSubtitles(imdbId, season, episode)}
  />
);

episodeSubtitlesButton.propTypes = {
  inLibrary: PropTypes.bool,
  searching: PropTypes.bool,
  imdbId: PropTypes.string,
  season: PropTypes.number,
  episode: PropTypes.number,
  searchEpisodeSubtitles: PropTypes.func,
  subtitles: PropTypes.instanceOf(List),
};

export const EpisodeSubtitlesButton = connect(null, { searchEpisodeSubtitles })(
  episodeSubtitlesButton
);