Redux #115
2 changed files with 5 additions and 183 deletions
|
@ -240,7 +240,11 @@ export function doLoadVideo() {
|
||||||
})
|
})
|
||||||
|
|
||||||
lbry.get({ uri }).then(streamInfo => {
|
lbry.get({ uri }).then(streamInfo => {
|
||||||
if (streamInfo === null || typeof streamInfo !== 'object') {
|
const timeout = streamInfo === null ||
|
||||||
|
typeof streamInfo !== 'object' ||
|
||||||
|
streamInfo.error == 'Timeout'
|
||||||
|
|
||||||
|
if(timeout) {
|
||||||
dispatch({
|
dispatch({
|
||||||
type: types.LOADING_VIDEO_FAILED,
|
type: types.LOADING_VIDEO_FAILED,
|
||||||
data: { uri }
|
data: { uri }
|
||||||
|
|
|
@ -116,188 +116,6 @@ class FileActionsRow extends React.Component {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// const FileActionsRow = React.createClass({
|
|
||||||
// _isMounted: false,
|
|
||||||
// _fileInfoSubscribeId: null,
|
|
||||||
|
|
||||||
// propTypes: {
|
|
||||||
// uri: React.PropTypes.string,
|
|
||||||
// outpoint: React.PropTypes.string.isRequired,
|
|
||||||
// metadata: React.PropTypes.oneOfType([React.PropTypes.object, React.PropTypes.string]),
|
|
||||||
// contentType: React.PropTypes.string.isRequired,
|
|
||||||
// },
|
|
||||||
// getInitialState: function() {
|
|
||||||
// return {
|
|
||||||
// fileInfo: null,
|
|
||||||
// modal: null,
|
|
||||||
// menuOpen: false,
|
|
||||||
// deleteChecked: false,
|
|
||||||
// attemptingDownload: false,
|
|
||||||
// attemptingRemove: false,
|
|
||||||
// }
|
|
||||||
// },
|
|
||||||
// onFileInfoUpdate: function(fileInfo) {
|
|
||||||
// if (this._isMounted) {
|
|
||||||
// this.setState({
|
|
||||||
// fileInfo: fileInfo ? fileInfo : false,
|
|
||||||
// attemptingDownload: fileInfo ? false : this.state.attemptingDownload
|
|
||||||
// });
|
|
||||||
// }
|
|
||||||
// },
|
|
||||||
// tryDownload: function() {
|
|
||||||
// this.setState({
|
|
||||||
// attemptingDownload: true,
|
|
||||||
// attemptingRemove: false
|
|
||||||
// });
|
|
||||||
// lbry.getCostInfo(this.props.uri).then(({cost}) => {
|
|
||||||
// lbry.getBalance((balance) => {
|
|
||||||
// if (cost > balance) {
|
|
||||||
// this.setState({
|
|
||||||
// modal: 'notEnoughCredits',
|
|
||||||
// attemptingDownload: false,
|
|
||||||
// });
|
|
||||||
// } else if (this.state.affirmedPurchase) {
|
|
||||||
// lbry.get({uri: this.props.uri}).then((streamInfo) => {
|
|
||||||
// if (streamInfo === null || typeof streamInfo !== 'object') {
|
|
||||||
// this.setState({
|
|
||||||
// modal: 'timedOut',
|
|
||||||
// attemptingDownload: false,
|
|
||||||
// });
|
|
||||||
// }
|
|
||||||
// });
|
|
||||||
// } else {
|
|
||||||
// this.setState({
|
|
||||||
// attemptingDownload: false,
|
|
||||||
// modal: 'affirmPurchase'
|
|
||||||
// })
|
|
||||||
// }
|
|
||||||
// });
|
|
||||||
// });
|
|
||||||
// },
|
|
||||||
// closeModal: function() {
|
|
||||||
// this.setState({
|
|
||||||
// modal: null,
|
|
||||||
// })
|
|
||||||
// },
|
|
||||||
// onDownloadClick: function() {
|
|
||||||
// if (!this.state.fileInfo && !this.state.attemptingDownload) {
|
|
||||||
// this.tryDownload();
|
|
||||||
// }
|
|
||||||
// },
|
|
||||||
// onOpenClick: function() {
|
|
||||||
// if (this.state.fileInfo && this.state.fileInfo.download_path) {
|
|
||||||
// shell.openItem(this.state.fileInfo.download_path);
|
|
||||||
// }
|
|
||||||
// },
|
|
||||||
// handleDeleteCheckboxClicked: function(event) {
|
|
||||||
// this.setState({
|
|
||||||
// deleteChecked: event.target.checked,
|
|
||||||
// });
|
|
||||||
// },
|
|
||||||
// handleRevealClicked: function() {
|
|
||||||
// if (this.state.fileInfo && this.state.fileInfo.download_path) {
|
|
||||||
// shell.showItemInFolder(this.state.fileInfo.download_path);
|
|
||||||
// }
|
|
||||||
// },
|
|
||||||
// handleRemoveClicked: function() {
|
|
||||||
// this.setState({
|
|
||||||
// modal: 'confirmRemove',
|
|
||||||
// });
|
|
||||||
// },
|
|
||||||
// handleRemoveConfirmed: function() {
|
|
||||||
// lbry.removeFile(this.props.outpoint, this.state.deleteChecked);
|
|
||||||
// this.setState({
|
|
||||||
// modal: null,
|
|
||||||
// fileInfo: false,
|
|
||||||
// attemptingDownload: false
|
|
||||||
// });
|
|
||||||
// },
|
|
||||||
// onAffirmPurchase: function() {
|
|
||||||
// this.setState({
|
|
||||||
// affirmedPurchase: true,
|
|
||||||
// modal: null
|
|
||||||
// });
|
|
||||||
// this.tryDownload();
|
|
||||||
// },
|
|
||||||
// openMenu: function() {
|
|
||||||
// this.setState({
|
|
||||||
// menuOpen: !this.state.menuOpen,
|
|
||||||
// });
|
|
||||||
// },
|
|
||||||
// componentDidMount: function() {
|
|
||||||
// this._isMounted = true;
|
|
||||||
// this._fileInfoSubscribeId = lbry.fileInfoSubscribe(this.props.outpoint, this.onFileInfoUpdate);
|
|
||||||
// },
|
|
||||||
// componentWillUnmount: function() {
|
|
||||||
// this._isMounted = false;
|
|
||||||
// if (this._fileInfoSubscribeId) {
|
|
||||||
// lbry.fileInfoUnsubscribe(this.props.outpoint, this._fileInfoSubscribeId);
|
|
||||||
// }
|
|
||||||
// },
|
|
||||||
// render: function() {
|
|
||||||
// if (this.state.fileInfo === null)
|
|
||||||
// {
|
|
||||||
// return null;
|
|
||||||
// }
|
|
||||||
|
|
||||||
// const openInFolderMessage = window.navigator.platform.startsWith('Mac') ? 'Open in Finder' : 'Open in Folder',
|
|
||||||
// showMenu = !!this.state.fileInfo;
|
|
||||||
|
|
||||||
// let linkBlock;
|
|
||||||
// if (this.state.fileInfo === false && !this.state.attemptingDownload) {
|
|
||||||
// linkBlock = <Link button="text" label="Download" icon="icon-download" onClick={this.onDownloadClick} />;
|
|
||||||
// } else if (this.state.attemptingDownload || (!this.state.fileInfo.completed && !this.state.fileInfo.isMine)) {
|
|
||||||
// const
|
|
||||||
// progress = this.state.fileInfo ? this.state.fileInfo.written_bytes / this.state.fileInfo.total_bytes * 100 : 0,
|
|
||||||
// label = this.state.fileInfo ? progress.toFixed(0) + '% complete' : 'Connecting...',
|
|
||||||
// labelWithIcon = <span className="button__content"><Icon icon="icon-download" /><span>{label}</span></span>;
|
|
||||||
|
|
||||||
// linkBlock = (
|
|
||||||
// <div className="faux-button-block file-actions__download-status-bar button-set-item">
|
|
||||||
// <div className="faux-button-block file-actions__download-status-bar-overlay" style={{ width: progress + '%' }}>{labelWithIcon}</div>
|
|
||||||
// {labelWithIcon}
|
|
||||||
// </div>
|
|
||||||
// );
|
|
||||||
// } else {
|
|
||||||
// linkBlock = <Link label="Open" button="text" icon="icon-folder-open" onClick={this.onOpenClick} />;
|
|
||||||
// }
|
|
||||||
|
|
||||||
// const uri = lbryuri.normalize(this.props.uri);
|
|
||||||
// const title = this.props.metadata ? this.props.metadata.title : uri;
|
|
||||||
// return (
|
|
||||||
// <div>
|
|
||||||
// {this.state.fileInfo !== null || this.state.fileInfo.isMine
|
|
||||||
// ? linkBlock
|
|
||||||
// : null}
|
|
||||||
// { showMenu ?
|
|
||||||
// <DropDownMenu>
|
|
||||||
// <DropDownMenuItem key={0} onClick={this.handleRevealClicked} label={openInFolderMessage} />
|
|
||||||
// <DropDownMenuItem key={1} onClick={this.handleRemoveClicked} label="Remove..." />
|
|
||||||
// </DropDownMenu> : '' }
|
|
||||||
// <Modal type="confirm" isOpen={this.state.modal == 'affirmPurchase'}
|
|
||||||
// contentLabel="Confirm Purchase" onConfirmed={this.onAffirmPurchase} onAborted={this.closeModal}>
|
|
||||||
// Are you sure you'd like to buy <strong>{title}</strong> for <strong><FilePrice uri={uri} look="plain" /></strong> credits?
|
|
||||||
// </Modal>
|
|
||||||
// <Modal isOpen={this.state.modal == 'notEnoughCredits'} contentLabel="Not enough credits"
|
|
||||||
// onConfirmed={this.closeModal}>
|
|
||||||
// You don't have enough LBRY credits to pay for this stream.
|
|
||||||
// </Modal>
|
|
||||||
// <Modal isOpen={this.state.modal == 'timedOut'} contentLabel="Download failed"
|
|
||||||
// onConfirmed={this.closeModal}>
|
|
||||||
// LBRY was unable to download the stream <strong>{uri}</strong>.
|
|
||||||
// </Modal>
|
|
||||||
// <Modal isOpen={this.state.modal == 'confirmRemove'} contentLabel="Not enough credits"
|
|
||||||
// type="confirm" confirmButtonLabel="Remove" onConfirmed={this.handleRemoveConfirmed}
|
|
||||||
// onAborted={this.closeModal}>
|
|
||||||
// <p>Are you sure you'd like to remove <cite>{title}</cite> from LBRY?</p>
|
|
||||||
|
|
||||||
// <label><FormField type="checkbox" checked={this.state.deleteChecked} onClick={this.handleDeleteCheckboxClicked} /> Delete this file from my computer</label>
|
|
||||||
// </Modal>
|
|
||||||
// </div>
|
|
||||||
// );
|
|
||||||
// }
|
|
||||||
// });
|
|
||||||
|
|
||||||
class FileActions extends React.Component {
|
class FileActions extends React.Component {
|
||||||
constructor(props) {
|
constructor(props) {
|
||||||
super(props)
|
super(props)
|
||||||
|
|
Loading…
Reference in a new issue