github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-23 01:13:23 -04:00
Code Issues Projects Releases Packages Wiki Activity

[alerting_example] Migrate deprecated EuiPage* components (#168299)

Browse source 
## 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.
This commit is contained in:
Cee Chen 2023-10-12 07:41:54 -07:00 • committed by GitHub
parent 7ddf0236ed
commit 0bda7f3b7e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 25 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

57
x-pack/examples/alerting_example/public/components/documentation.tsx
View file

@ -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>
);