Add button to stream episodes

This commit is contained in:
Grégoire Delattre 2017-02-02 00:14:28 +01:00
parent 6b2abcf1e8
commit d17bd6b030
2 changed files with 15 additions and 18 deletions

View File

@ -21,15 +21,20 @@ export default class DownloadButton extends React.Component {
return null; return null;
} }
let btnSize = "btn-sm";
if (this.props.xs) {
btnSize = "btn-xs";
}
const infuse = `infuse://x-callback-url/play?url=${this.props.url}`; const infuse = `infuse://x-callback-url/play?url=${this.props.url}`;
return ( return (
<Dropdown id="streaming-buttons" dropup> <Dropdown id="streaming-buttons" className={this.props.customClassName} dropup>
<Button bsStyle="danger" className="btn-sm" href={this.props.url}> <Button bsStyle="danger" className={btnSize} href={this.props.url}>
<span> <span>
<i className="fa fa-download" aria-hidden="true"></i> Download <i className="fa fa-download" aria-hidden="true"></i> Download
</span> </span>
</Button> </Button>
<Dropdown.Toggle bsStyle="danger" className="btn-sm"/> <Dropdown.Toggle bsStyle="danger" className={btnSize}/>
<Dropdown.Menu> <Dropdown.Menu>
<MenuItem eventKey="1" href={infuse}> <MenuItem eventKey="1" href={infuse}>
<span> <span>

View File

@ -1,5 +1,7 @@
import React from 'react' import React from 'react'
import Loader from '../loader/loader' import Loader from '../loader/loader'
import DownloadButton from '../buttons/download'
import { OverlayTrigger, Tooltip } from 'react-bootstrap' import { OverlayTrigger, Tooltip } from 'react-bootstrap'
@ -178,7 +180,11 @@ function Episode(props) {
/> />
) )
})} })}
<DownloadButton data={props.data}/> <DownloadButton
url={props.data.polochon_url}
customClassName="episode-button"
xs
/>
<GetDetailsButton <GetDetailsButton
data={props.data} data={props.data}
getEpisodeDetails={props.getEpisodeDetails} getEpisodeDetails={props.getEpisodeDetails}
@ -295,20 +301,6 @@ class TrackButton extends React.Component {
} }
} }
function DownloadButton(props) {
if (props.data.polochon_url === "") {
return null
}
return (
<span className="episode-button">
<a type="button" className="btn btn-xs btn-warning" href={props.data.polochon_url}>
<i className="fa fa-download"></i> Download
</a>
</span>
);
}
class GetDetailsButton extends React.Component { class GetDetailsButton extends React.Component {
constructor(props) { constructor(props) {
super(props); super(props);