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

Migrate from deprecated EUI components (#161548)

Browse source 
## Summary

Fix https://github.com/elastic/kibana/issues/161424

Migrate away from deprecated EUI components for Core-owned code.

Note: I only tested the production (and examples) pages properly, I
didn't make sure the test plugins where displayed correctly, as long as
the data structure was still here for the tests to pass.

### Screenshots

#### Status page

<img width="1388" alt="Screenshot 2023-07-10 at 17 14 24" 

src="d15adffa-d4fb-4dab-ad91-691a4c103541">

#### AppNotFound page

<img width="1352" alt="Screenshot 2023-07-10 at 17 14 40"
src="77dcc958-db53-4ec8-9a7f-af4ea0804a96">

#### Generated plugin landing page

<img width="1906" alt="Screenshot 2023-07-10 at 17 15 44"
src="7a45d1a3-181d-44c5-a4a1-d3bdb2ba6ee9">

---------

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
This commit is contained in:
Pierre Gayvallet 2023-07-13 12:22:02 +02:00 • committed by GitHub
parent c8a451e45a
commit 808c28dd8e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
17 changed files with 346 additions and 447 deletions
Download patch file Download diff file Expand all files Collapse all files

55
packages/core/application/core-application-browser-internal/src/ui/app_not_found_screen.tsx
View file

@ -6,40 +6,31 @@
* Side Public License, v 1.
*/
import {
EuiEmptyPrompt,
EuiPage,
EuiPageBody,
EuiPageContent_Deprecated as EuiPageContent,
} from '@elastic/eui';
import { EuiPageTemplate } from '@elastic/eui';
import React from 'react';
import { FormattedMessage } from '@kbn/i18n-react';
export const AppNotFound = () => (
<EuiPage style={{ minHeight: '100%' }} data-test-subj="appNotFoundPageContent">
<EuiPageBody>
<EuiPageContent verticalPosition="center" horizontalPosition="center">
<EuiEmptyPrompt
iconType="warning"
iconColor="danger"
title={
<h2>
<FormattedMessage
id="core.application.appNotFound.title"
defaultMessage="Application Not Found"
/>
</h2>
}
body={
<p>
<FormattedMessage
id="core.application.appNotFound.pageDescription"
defaultMessage="No application was found at this URL. Try going back or choosing an app from the menu."
/>
</p>
}
/>
</EuiPageContent>
</EuiPageBody>
</EuiPage>
<EuiPageTemplate data-test-subj="appNotFoundPageContent">
<EuiPageTemplate.EmptyPrompt
iconType="warning"
iconColor="danger"
title={
<h2>
<FormattedMessage
id="core.application.appNotFound.title"
defaultMessage="Application Not Found"
/>
</h2>
}
body={
<p>
<FormattedMessage
id="core.application.appNotFound.pageDescription"
defaultMessage="No application was found at this URL. Try going back or choosing an app from the menu."
/>
</p>
}
/>
</EuiPageTemplate>
);