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

106 lines
3.1 KiB
React
Raw Normal View History

2017-06-06 23:19:12 +02:00
import React from "react";
import lbry from "../../lbry.js";
import LoadScreen from "../load_screen.js";
import ModalIncompatibleDaemon from "../modalIncompatibleDaemon";
import ModalUpgrade from "component/modalUpgrade";
import ModalDownloading from "component/modalDownloading";
2016-11-22 21:19:08 +01:00
2017-06-08 06:42:19 +02:00
export class SplashScreen extends React.PureComponent {
2017-05-17 10:10:25 +02:00
static propTypes = {
2016-04-10 02:00:56 +02:00
message: React.PropTypes.string,
onLoadDone: React.PropTypes.func,
2017-06-06 23:19:12 +02:00
};
2017-05-17 10:10:25 +02:00
constructor(props) {
super(props);
this.state = {
2017-06-06 23:19:12 +02:00
details: __("Starting daemon"),
2017-05-31 12:55:32 +02:00
message: __("Connecting"),
isRunning: false,
isLagging: false,
2017-05-17 10:10:25 +02:00
};
}
updateStatus() {
2017-06-06 23:19:12 +02:00
lbry.status().then(status => {
this._updateStatusCallback(status);
});
2017-05-17 10:10:25 +02:00
}
_updateStatusCallback(status) {
2017-06-06 23:19:12 +02:00
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({
2017-05-31 12:55:32 +02:00
message: __("Testing Network"),
details: __("Waiting for name resolution"),
2017-06-06 23:19:12 +02:00
isLagging: false,
isRunning: true,
});
2017-06-06 23:19:12 +02:00
lbry.resolve({ uri: "lbry://one" }).then(() => {
// Only leave the load screen if the daemon version matched;
// otherwise we'll notify the user at the end of the load screen.
if (this.props.daemonVersionMatched) {
this.props.onReadyToLaunch();
}
});
return;
}
this.setState({
2017-06-06 23:19:12 +02:00
details: startupStatus.message + (startupStatus.is_lagging ? "" : "..."),
2017-04-09 17:06:23 +02:00
isLagging: startupStatus.is_lagging,
});
setTimeout(() => {
2017-04-09 17:06:23 +02:00
this.updateStatus();
}, 500);
2017-05-17 10:10:25 +02:00
}
componentDidMount() {
2017-06-06 23:19:12 +02:00
lbry
.connect()
.then(this.props.checkDaemonVersion)
2017-06-06 23:19:12 +02:00
.then(() => {
this.updateStatus();
})
2017-05-31 01:56:48 +02:00
.catch(() => {
2017-04-09 17:06:23 +02:00
this.setState({
isLagging: true,
2017-05-31 12:55:32 +02:00
message: __("Connection Failure"),
2017-06-06 23:19:12 +02:00
details: __(
2017-06-23 12:49:23 +02:00
"Try closing all LBRY processes and starting again. If this still happens, your anti-virus software or firewall may be preventing LBRY from connecting. Contact hello@lbry.io if you think this is a software bug."
2017-06-06 23:19:12 +02:00
),
});
});
2017-05-17 10:10:25 +02:00
}
render() {
const { modal } = this.props;
2017-06-06 23:19:12 +02:00
return (
<div>
<LoadScreen
message={this.state.message}
details={this.state.details}
isWarning={this.state.isLagging}
/>
{/* Temp hack: don't show any modals on splash screen daemon is running;
daemon doesn't let you quit during startup, so the "Quit" buttons
in the modals won't work. */}
{modal == "incompatibleDaemon" &&
this.state.isRunning &&
<ModalIncompatibleDaemon />}
{modal == "upgrade" && this.state.isRunning && <ModalUpgrade />}
{modal == "downloading" && this.state.isRunning && <ModalDownloading />}
</div>
2017-06-06 23:19:12 +02:00
);
2016-04-10 02:00:56 +02:00
}
2017-05-17 10:10:25 +02:00
}
2016-11-22 21:19:08 +01:00
export default SplashScreen;