[ILM] Migrate to new page layout (#101927) (#102077)

elastic · Jun 14, 2021 · eca9c2d · eca9c2d
1 parent f9edb4e
commit eca9c2d
Show file tree

Hide file tree

Showing 5 changed files with 339 additions and 351 deletions.
diff --git a/x-pack/plugins/index_lifecycle_management/__jest__/__snapshots__/policy_table.test.tsx.snap b/x-pack/plugins/index_lifecycle_management/__jest__/__snapshots__/policy_table.test.tsx.snap
diff --git a/...ex_lifecycle_management/public/application/sections/edit_policy/edit_policy.container.tsx b/...ex_lifecycle_management/public/application/sections/edit_policy/edit_policy.container.tsx
@@ -7,7 +7,7 @@
 
 import React, { useEffect } from 'react';
 import { RouteComponentProps } from 'react-router-dom';
-import { EuiButton, EuiEmptyPrompt, EuiLoadingSpinner } from '@elastic/eui';
+import { EuiButton, EuiEmptyPrompt, EuiLoadingSpinner, EuiPageContent } from '@elastic/eui';
 import { FormattedMessage } from '@kbn/i18n/react';
 
 import { MIN_SEARCHABLE_SNAPSHOT_LICENSE } from '../../../../common/constants';
@@ -52,43 +52,47 @@ export const EditPolicy: React.FunctionComponent<Props & RouteComponentProps<Rou
 
   if (isLoading) {
     return (
-      <EuiEmptyPrompt
-        title={<EuiLoadingSpinner size="xl" />}
-        body={
-          <FormattedMessage
-            id="xpack.indexLifecycleMgmt.editPolicy.policiesLoading"
-            defaultMessage="Loading policies..."
-          />
-        }
-      />
+      <EuiPageContent verticalPosition="center" horizontalPosition="center" color="subdued">
+        <EuiEmptyPrompt
+          title={<EuiLoadingSpinner size="xl" />}
+          body={
+            <FormattedMessage
+              id="xpack.indexLifecycleMgmt.editPolicy.policiesLoading"
+              defaultMessage="Loading policies..."
+            />
+          }
+        />
+      </EuiPageContent>
     );
   }
   if (error || !policies) {
     const { statusCode, message } = error ? error : { statusCode: '', message: '' };
     return (
-      <EuiEmptyPrompt
-        title={
-          <h2>
-            <FormattedMessage
-              id="xpack.indexLifecycleMgmt.editPolicy.lifecyclePoliciesLoadingFailedTitle"
-              defaultMessage="Unable to load existing lifecycle policies"
-            />
-          </h2>
-        }
-        body={
-          <p>
-            {message} ({statusCode})
-          </p>
-        }
-        actions={
-          <EuiButton onClick={resendRequest} iconType="refresh" color="danger">
-            <FormattedMessage
-              id="xpack.indexLifecycleMgmt.editPolicy.lifecyclePoliciesReloadButton"
-              defaultMessage="Try again"
-            />
-          </EuiButton>
-        }
-      />
+      <EuiPageContent verticalPosition="center" horizontalPosition="center" color="danger">
+        <EuiEmptyPrompt
+          title={
+            <h2>
+              <FormattedMessage
+                id="xpack.indexLifecycleMgmt.editPolicy.lifecyclePoliciesLoadingFailedTitle"
+                defaultMessage="Unable to load existing lifecycle policies"
+              />
+            </h2>
+          }
+          body={
+            <p>
+              {message} ({statusCode})
+            </p>
+          }
+          actions={
+            <EuiButton onClick={resendRequest} iconType="refresh" color="danger">
+              <FormattedMessage
+                id="xpack.indexLifecycleMgmt.editPolicy.lifecyclePoliciesReloadButton"
+                defaultMessage="Try again"
+              />
+            </EuiButton>
+          }
+        />
+      </EuiPageContent>
     );
   }