lbry-desktop/ui/js/component/splash.js

69 lines
1.8 KiB
JavaScript

import React from 'react';
import lbry from '../lbry.js';
import LoadScreen from './load_screen.js';
export class SplashScreen extends React.Component {
static propTypes = {
message: React.PropTypes.string,
onLoadDone: React.PropTypes.func,
}
constructor(props) {
super(props);
this.state = {
details: __('Starting daemon'),
isLagging: false,
};
}
updateStatus() {
lbry.status().then((status) => { this._updateStatusCallback(status) });
}
_updateStatusCallback(status) {
const startupStatus = status.startup_status
if (startupStatus.code == 'started') {
// Wait until we are able to resolve a name before declaring
// that we are done.
// TODO: This is a hack, and the logic should live in the daemon
// to give us a better sense of when we are actually started
this.setState({
details: __('Waiting for name resolution'),
isLagging: false
});
lbry.resolve({uri: 'lbry://one'}).then(() => {
this.props.onLoadDone();
});
return;
}
this.setState({
details: startupStatus.message + (startupStatus.is_lagging ? '' : '...'),
isLagging: startupStatus.is_lagging,
});
setTimeout(() => {
this.updateStatus();
}, 500);
}
componentDidMount() {
lbry.connect().then((isConnected) => {
if (isConnected) {
this.updateStatus();
} else {
this.setState({
isLagging: true,
message: __("Failed to connect to LBRY"),
details: __("LBRY was unable to start and connect properly.")
})
}
})
}
render() {
return <LoadScreen message={this.props.message} details={this.state.details} isWarning={this.state.isLagging} />
}
}
export default SplashScreen;