From 0bda7f3b7e38c1422a59988871c5c2580229a770 Mon Sep 17 00:00:00 2001
From: Cee Chen <549407+cee-chen@users.noreply.github.com>
Date: Thu, 12 Oct 2023 07:41:54 -0700
Subject: [PATCH] [alerting_example] Migrate deprecated `EuiPage*` components
 (#168299)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## Summary

> Note: I strongly recommending [viewing the diff with whitespace
changes turned
off](https://github.com/elastic/kibana/pull/168300/files?w=1), as many
of the "changes" are simply indentation changes.

EUI will shortly be removing several deprecated `EuiPage*` components,
and we're updating a few remaining Kibana usages of these deprecated
components ahead of time.

⚠️ PLEASE NOTE: We have **not** QA'd these changes to ensure that the UI
is 1:1 from before. We do not have the domain knowledge or time to spin
up local instances of all plugins with deprecations, and ask that the
CODEOWNING team pull down this branch and QA the affected page(s)
locally to ensure the UI looks like the same as production. ⚠️

See https://github.com/elastic/kibana/issues/161872 for other similar
tasks with more information about this effort.
---
 .../public/components/documentation.tsx       | 57 ++++++++-----------
 1 file changed, 25 insertions(+), 32 deletions(-)

diff --git a/x-pack/examples/alerting_example/public/components/documentation.tsx b/x-pack/examples/alerting_example/public/components/documentation.tsx
index 0fb989a306ac0..a49bed4193496 100644
--- a/x-pack/examples/alerting_example/public/components/documentation.tsx
+++ b/x-pack/examples/alerting_example/public/components/documentation.tsx
@@ -10,10 +10,7 @@ import React from 'react';
 import {
   EuiText,
   EuiPageBody,
-  EuiPageContent_Deprecated as EuiPageContent,
-  EuiPageContentBody_Deprecated as EuiPageContentBody,
-  EuiPageContentHeader_Deprecated as EuiPageContentHeader,
-  EuiPageContentHeaderSection_Deprecated as EuiPageContentHeaderSection,
+  EuiPageSection,
   EuiPageHeader,
   EuiPageHeaderSection,
   EuiTitle,
@@ -34,33 +31,29 @@ export const DocumentationPage = (
         </EuiTitle>
       </EuiPageHeaderSection>
     </EuiPageHeader>
-    <EuiPageContent>
-      <EuiPageContentHeader>
-        <EuiPageContentHeaderSection>
-          <EuiTitle>
-            <h2>Documentation links</h2>
-          </EuiTitle>
-        </EuiPageContentHeaderSection>
-      </EuiPageContentHeader>
-      <EuiPageContentBody>
-        <EuiText>
-          <h2>Plugin Structure</h2>
-          <p>
-            This example solution has both `server` and a `public` plugins. The `server` handles
-            registration of example the RuleTypes, while the `public` handles creation of, and
-            navigation for, these rule types.
-          </p>
-          <EuiCallOut title="Transport Layer Security" iconType="warning" color="warning">
-            If you see a message about needing to enable the Transport Layer Security, start ES with{' '}
-            <code>yarn es snapshot --ssl --license trial</code> and Kibana with{' '}
-            <code>yarn start --run-examples --ssl</code>. If you running chrome on a mac, you may
-            need to type in <code>thisisunsafe</code> if you see the Certificate invalid screen with
-            no way to &lsquo;proceed anyway&rsquo;.
-          </EuiCallOut>
-        </EuiText>
-        <EuiSpacer />
-        <CreateAlert {...deps} />
-      </EuiPageContentBody>
-    </EuiPageContent>
+    <EuiPageSection>
+      <EuiPageHeader>
+        <EuiTitle>
+          <h2>Documentation links</h2>
+        </EuiTitle>
+      </EuiPageHeader>
+      <EuiText>
+        <h2>Plugin Structure</h2>
+        <p>
+          This example solution has both `server` and a `public` plugins. The `server` handles
+          registration of example the RuleTypes, while the `public` handles creation of, and
+          navigation for, these rule types.
+        </p>
+        <EuiCallOut title="Transport Layer Security" iconType="warning" color="warning">
+          If you see a message about needing to enable the Transport Layer Security, start ES with{' '}
+          <code>yarn es snapshot --ssl --license trial</code> and Kibana with{' '}
+          <code>yarn start --run-examples --ssl</code>. If you running chrome on a mac, you may need
+          to type in <code>thisisunsafe</code> if you see the Certificate invalid screen with no way
+          to &lsquo;proceed anyway&rsquo;.
+        </EuiCallOut>
+      </EuiText>
+      <EuiSpacer />
+      <CreateAlert {...deps} />
+    </EuiPageSection>
   </EuiPageBody>
 );