Revert error state to use EuiPage

elastic · Aug 14, 2020 · d416fa8 · d416fa8
1 parent 7b9658e
commit d416fa8
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 7 deletions.
diff --git a/...rprise_search/public/applications/workplace_search/components/error_state/error_state.tsx b/...rprise_search/public/applications/workplace_search/components/error_state/error_state.tsx
@@ -4,8 +4,10 @@
  * you may not use this file except in compliance with the Elastic License.
  */
 
+// TODO: Remove EuiPage & EuiPageBody before exposing full app
+
 import React from 'react';
-import { EuiPageContent } from '@elastic/eui';
+import { EuiPage, EuiPageBody, EuiPageContent } from '@elastic/eui';
 
 import { WORKPLACE_SEARCH_PLUGIN } from '../../../../../common/constants';
 import { ErrorStatePrompt } from '../../../shared/error_state';
@@ -15,14 +17,16 @@ import { ViewContentHeader } from '../shared/view_content_header';
 
 export const ErrorState: React.FC = () => {
   return (
-    <>
+    <EuiPage restrictWidth>
       <SetPageChrome isRoot />
       <SendTelemetry action="error" metric="cannot_connect" />
 
-      <ViewContentHeader title={WORKPLACE_SEARCH_PLUGIN.NAME} />
-      <EuiPageContent>
-        <ErrorStatePrompt />
-      </EuiPageContent>
-    </>
+      <EuiPageBody>
+        <ViewContentHeader title={WORKPLACE_SEARCH_PLUGIN.NAME} />
+        <EuiPageContent>
+          <ErrorStatePrompt />
+        </EuiPageContent>
+      </EuiPageBody>
+    </EuiPage>
   );
 };
diff --git a/...s/enterprise_search/public/applications/workplace_search/components/overview/overview.tsx b/...s/enterprise_search/public/applications/workplace_search/components/overview/overview.tsx
@@ -4,6 +4,8 @@
  * you may not use this file except in compliance with the Elastic License.
  */
 
+// TODO: Remove EuiPage & EuiPageBody before exposing full app
+
 import React, { useContext, useEffect } from 'react';
 import { EuiPage, EuiPageBody, EuiSpacer } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';