42 lines
1.1 KiB
JavaScript
42 lines
1.1 KiB
JavaScript
import React from 'react';
|
|
import lbry from '../lbry.js';
|
|
import {BusyMessage, Icon} from './common.js';
|
|
import Link from 'component/link'
|
|
|
|
var LoadScreen = React.createClass({
|
|
propTypes: {
|
|
message: React.PropTypes.string.isRequired,
|
|
details: React.PropTypes.string,
|
|
isWarning: React.PropTypes.bool,
|
|
},
|
|
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>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
});
|
|
|
|
|
|
export default LoadScreen;
|