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

import { getEpisodeDetails } from "../../../actions/shows"
import { TorrentsButton } from "../../buttons/torrents"
import { prettyEpisodeName } from "../../../utils"

const episodeTorrentsButton = ({
  torrents,
  imdbId,
  season,
  episode,
  showName,
  searching,
  getEpisodeDetails,
}) => (
  <TorrentsButton
    torrents={torrents}
    searching={searching}
    search={() => getEpisodeDetails(imdbId, season, episode)}
    url={`#/torrents/search/shows/${
        encodeURI(prettyEpisodeName(showName, season, episode))
      }`}
    />
)
episodeTorrentsButton.propTypes = {
  torrents: PropTypes.instanceOf(List),
  showName: PropTypes.string.isRequired,
  imdbId: PropTypes.string.isRequired,
  episode: PropTypes.number.isRequired,
  season: PropTypes.number.isRequired,
  searching: PropTypes.bool.isRequired,
  getEpisodeDetails: PropTypes.func.isRequired,
};

export const EpisodeTorrentsButton = connect(null, {getEpisodeDetails})(episodeTorrentsButton);