From 7763e29ad326260db7aa3ded9b26791531304552 Mon Sep 17 00:00:00 2001
From: sulemanof <sul-dan@mail.ru>
Date: Fri, 15 May 2020 18:22:35 +0300
Subject: [PATCH] Add EuiLoadingChart and EuiErrorBoundary

---
 .../public/default_editor_controller.tsx      | 23 +++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/plugins/vis_default_editor/public/default_editor_controller.tsx b/src/plugins/vis_default_editor/public/default_editor_controller.tsx
index c0392f51fac6d..499d866541d1b 100644
--- a/src/plugins/vis_default_editor/public/default_editor_controller.tsx
+++ b/src/plugins/vis_default_editor/public/default_editor_controller.tsx
@@ -21,7 +21,7 @@ import React, { Suspense, lazy } from 'react';
 import { render, unmountComponentAtNode } from 'react-dom';
 import { i18n } from '@kbn/i18n';
 import { EventEmitter } from 'events';
-import { EuiLoadingSpinner } from '@elastic/eui';
+import { EuiErrorBoundary, EuiLoadingChart } from '@elastic/eui';
 
 import { EditorRenderProps } from 'src/plugins/visualize/public';
 import { Vis, VisualizeEmbeddableContract } from 'src/plugins/visualizations/public';
@@ -80,9 +80,24 @@ class DefaultEditorController {
 
   render(props: EditorRenderProps) {
     render(
-      <Suspense fallback={<EuiLoadingSpinner />}>
-        <DefaultEditor {...this.state} {...props} />
-      </Suspense>,
+      <EuiErrorBoundary>
+        <Suspense
+          fallback={
+            <div
+              style={{
+                display: 'flex',
+                flex: '1 1 auto',
+                justifyContent: 'center',
+                alignItems: 'center',
+              }}
+            >
+              <EuiLoadingChart size="xl" />
+            </div>
+          }
+        >
+          <DefaultEditor {...this.state} {...props} />
+        </Suspense>
+      </EuiErrorBoundary>,
       this.el
     );
   }