73 lines
1.7 KiB
JavaScript
73 lines
1.7 KiB
JavaScript
// @flow
|
|
import React, { type ComponentType, Component } from 'react';
|
|
|
|
import { LoadingScreen } from './loading-screen';
|
|
|
|
import rpc from '../../services/api';
|
|
|
|
type Props = {};
|
|
|
|
type State = {
|
|
isRunning: boolean,
|
|
progress: number,
|
|
};
|
|
|
|
/* eslint-disable max-len */
|
|
export const withDaemonStatusCheck = <PassedProps: {}>(
|
|
WrappedComponent: ComponentType<PassedProps>,
|
|
): ComponentType<$Diff<PassedProps, Props>> => class extends Component<PassedProps, State> {
|
|
timer: ?IntervalID = null;
|
|
|
|
state = {
|
|
isRunning: false,
|
|
progress: 0,
|
|
};
|
|
|
|
componentDidMount() {
|
|
this.runTest();
|
|
|
|
this.timer = setInterval(this.runTest, 2000);
|
|
}
|
|
|
|
componentWillUnmount() {
|
|
if (this.timer) {
|
|
clearInterval(this.timer);
|
|
this.timer = null;
|
|
}
|
|
}
|
|
|
|
runTest = () => {
|
|
rpc
|
|
.getinfo()
|
|
.then((response) => {
|
|
if (response) {
|
|
setTimeout(() => {
|
|
this.setState(() => ({ isRunning: true }));
|
|
}, 500);
|
|
this.setState(() => ({ progress: 100 }));
|
|
|
|
if (this.timer) {
|
|
clearInterval(this.timer);
|
|
this.timer = null;
|
|
}
|
|
}
|
|
})
|
|
.catch(() => {
|
|
this.setState((state) => {
|
|
const newProgress = state.progress > 70 ? state.progress + 2.5 : state.progress + 5;
|
|
return { progress: newProgress > 95 ? 95 : newProgress };
|
|
});
|
|
});
|
|
};
|
|
|
|
render() {
|
|
const { isRunning, progress } = this.state;
|
|
|
|
if (isRunning) {
|
|
return <WrappedComponent {...this.props} {...this.state} />;
|
|
}
|
|
|
|
return <LoadingScreen progress={progress} />;
|
|
}
|
|
};
|