import { Component } from 'react';

import { AsyncState } from './AsyncState.jsx';

export class AppErrorBoundary extends Component {
    state = { failed: false };

    static getDerivedStateFromError() {
        return { failed: true };
    }

    render() {
        if (this.state.failed) {
            return (
                <main className="ui-fatal-state">
                    <AsyncState
                        kind="error"
                        title="Интерфейс временно недоступен"
                        message="Обновите страницу, чтобы восстановить работу"
                        onRetry={() => window.location.reload()}
                    />
                </main>
            );
        }

        return this.props.children;
    }
}