import React, { useState } from "react" import PropTypes from "prop-types" import { List } from "immutable" import Modal from "react-bootstrap/Modal" export const DownloadAndStream = ({ url, name, subtitles }) => { if (!url || url === "") { return null; } return ( ); } DownloadAndStream.propTypes = { url: PropTypes.string, name: PropTypes.string, subtitles: PropTypes.instanceOf(List), }; const DownloadButton = ({ url }) => (
Download
); DownloadButton.propTypes = { url: PropTypes.string.isRequired }; const StreamButton = ({ name, url, subtitles }) => { const [showModal, setShowModal] = useState(false); return (
{ e.preventDefault(); setShowModal(true) }}> Play
setShowModal(false)} size="lg" centered> {name}
); } StreamButton.propTypes = { name: PropTypes.string.isRequired, url: PropTypes.string.isRequired, subtitles: PropTypes.instanceOf(List), }; const Player = ({ url, subtitles }) => { const hasSubtitles = !(subtitles === null || subtitles.size === 0); return (
); } Player.propTypes = { subtitles: PropTypes.instanceOf(List), url: PropTypes.string.isRequired, }; Player.defaultProps = { subtitles: List(), };