2c0b47edf2
Before, it was only showing if a load attempt timed out, and would show even if there was no previous page to go back to.
48 lines
1.3 KiB
JavaScript
48 lines
1.3 KiB
JavaScript
import React from 'react';
|
|
import lbry from '../lbry.js';
|
|
import {BusyMessage, Icon} from './common.js';
|
|
import {Link} from '../component/link.js'
|
|
|
|
var LoadScreen = React.createClass({
|
|
propTypes: {
|
|
message: React.PropTypes.string.isRequired,
|
|
details: React.PropTypes.string,
|
|
isWarning: React.PropTypes.bool,
|
|
},
|
|
handleCancelClick: function() {
|
|
history.back();
|
|
},
|
|
getDefaultProps: function() {
|
|
return {
|
|
isWarning: false,
|
|
}
|
|
},
|
|
getInitialState: function() {
|
|
return {
|
|
message: null,
|
|
details: null,
|
|
isLagging: false,
|
|
}
|
|
},
|
|
render: function() {
|
|
const imgSrc = lbry.imagePath('lbry-white-485x160.png');
|
|
return (
|
|
<div className="load-screen">
|
|
<img src={imgSrc} alt="LBRY"/>
|
|
<div className="load-screen__message">
|
|
<h3>
|
|
<BusyMessage message={this.props.message} />
|
|
</h3>
|
|
{this.props.isWarning ? <Icon icon="icon-warning" /> : null} <span className={'load-screen__details ' + (this.props.isWarning ? 'load-screen__details--warning' : '')}>{this.props.details}</span>
|
|
{window.history.length > 1
|
|
? <div><Link label="Cancel" onClick={this.handleCancelClick} className='load-screen__cancel-link button-text' /></div>
|
|
: null}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
});
|
|
|
|
|
|
export default LoadScreen;
|