diff --git a/js/page/watch.js b/js/page/watch.js index 761c9ef3e..e9cc05ed6 100644 --- a/js/page/watch.js +++ b/js/page/watch.js @@ -8,12 +8,42 @@ var WatchPage = React.createClass({ propTypes: { name: React.PropTypes.string, }, - + getInitialState: function() { + return { + readyToPlay: false, + loadStatusMessage: "Requesting stream", + }; + }, + componentDidMount: function() { + lbry.getStream(this.props.name); + this.updateLoadStatus(); + }, + updateLoadStatus: function() { + lbry.getFileStatus(this.props.name, (status) => { + if (status.code != 'running') { + this.loadStatusMessage = status.message; + setTimeout(() => { this.updateLoadStatus() }, 250); + } else { + this.setState({ + readyToPlay: true + }); + } + }); + }, render: function() { - return ( -
-
- ); + if (!this.state.readyToPlay) { + return ( +
+

Loading lbry://{this.props.name}

+ {this.state.loadStatusMessage} +
+ ); + } else { + return ( +
+
+ ); + } } });