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 (
+
+ ;
+
+ );
+ }
}
});