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 }) => (
);
DownloadButton.propTypes = { url: PropTypes.string.isRequired };
const StreamButton = ({ name, url, subtitles }) => {
const [showModal, setShowModal] = useState(false);
return (
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(),
};