mirror of
https://github.com/LBRYFoundation/lbry-desktop.git
synced 2025-08-26 23:13:29 +00:00
8deb62cc76
The splash screen will soon poll for loading progress info, so we might as well launch App directly from SplashScreen instead of having two separate polls.
37 lines
No EOL
926 B
JavaScript
37 lines
No EOL
926 B
JavaScript
var splashStyle = {
|
|
color: 'white',
|
|
backgroundImage: 'url(' + lbry.imagePath('lbry-bg.png') + ')',
|
|
backgroundSize: 'cover',
|
|
minHeight: '100vh',
|
|
minWidth: '100vw',
|
|
display: 'flex',
|
|
flexDirection: 'column',
|
|
alignItems: 'center',
|
|
justifyContent: 'center'
|
|
}, splashMessageStyle = {
|
|
marginTop: '24px'
|
|
};
|
|
|
|
var SplashScreen = React.createClass({
|
|
propTypes: {
|
|
message: React.PropTypes.string,
|
|
onLoadDone: React.PropTypes.func,
|
|
},
|
|
componentDidMount: function() {
|
|
lbry.connect(this.props.onLoadDone);
|
|
},
|
|
render: function() {
|
|
var imgSrc = lbry.imagePath('lbry-white-485x160.png');
|
|
return (
|
|
<div className="splash-screen" style={splashStyle}>
|
|
<img src={imgSrc} alt="LBRY"/>
|
|
<div style={splashMessageStyle}>
|
|
<h3>
|
|
{this.props.message}
|
|
<span className="busy-indicator"></span>
|
|
</h3>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
}); |