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

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'),
			message: __('Connecting'),
			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({
				message: __('Testing Network'),
				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(() => {
				this.updateStatus();
			})
			.catch(() => {
				this.setState({
					isLagging: true,
					message: __('Connection Failure'),
					details: __(
						'Try closing all LBRY processes and starting again. If this still happpens, your anti-virus software or firewall may be preventing LBRY from connecting. Contact hello@lbry.io if you think this is a software bug.'
					)
				});
			});
	}

	render() {
		return (
			<LoadScreen
				message={this.state.message}
				details={this.state.details}
				isWarning={this.state.isLagging}
			/>
		);
	}
}

export default SplashScreen;