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

Updates deprecated EUI components in locators example plugins (#163405)

Browse source 
## Summary

Partially addresses https://github.com/elastic/kibana/issues/161425

New look:

<img width="2017" alt="image"
src="313fe761-2060-4b7b-b5d3-3f655d2cec02">
This commit is contained in:
Vadim Kibana 2023-08-08 16:55:38 +02:00 • committed by GitHub
parent 7025a7bdab
commit c52327492f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 29 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

13
examples/locator_examples/public/app.tsx
View file

@ -9,13 +9,10 @@
import React from 'react';
import ReactDOM from 'react-dom';
import { EuiPageBody } from '@elastic/eui';
import { EuiPageContent_Deprecated as EuiPageContent } from '@elastic/eui';
import { EuiPageContentBody_Deprecated as EuiPageContentBody } from '@elastic/eui';
import { EuiPageBody, EuiPageTemplate, EuiPageSection, EuiText } from '@elastic/eui';
import { Redirect, useLocation } from 'react-router-dom';
import { Router, Routes as RouterRoutes, Route } from '@kbn/shared-ux-router';
import { createBrowserHistory } from 'history';
import { EuiText } from '@elastic/eui';
import { AppMountParameters } from '@kbn/core/public';
function useQuery() {
@ -38,8 +35,8 @@ export const Routes: React.FC<{}> = () => {
return (
<EuiPageBody>
<EuiPageContent>
<EuiPageContentBody>
<EuiPageTemplate.Section>
<EuiPageSection>
<RouterRoutes>
<Route path="/hello">
<HelloPage
@ -49,8 +46,8 @@ export const Routes: React.FC<{}> = () => {
</Route>
<Redirect from="/" to="/hello" />
</RouterRoutes>
</EuiPageContentBody>
</EuiPageContent>
</EuiPageSection>
</EuiPageTemplate.Section>
</EuiPageBody>
);
};

34
examples/locator_explorer/public/app.tsx
View file

@ -8,16 +8,18 @@
import React, { useState, useEffect } from 'react';
import ReactDOM from 'react-dom';
import { EuiPage } from '@elastic/eui';
import { EuiButton } from '@elastic/eui';
import { EuiPageBody } from '@elastic/eui';
import { EuiPageContent_Deprecated as EuiPageContent } from '@elastic/eui';
import { EuiPageContentBody_Deprecated as EuiPageContentBody } from '@elastic/eui';
import { EuiSpacer } from '@elastic/eui';
import { EuiText } from '@elastic/eui';
import { EuiFieldText } from '@elastic/eui';
import { EuiPageHeader } from '@elastic/eui';
import { EuiLink } from '@elastic/eui';
import {
EuiPage,
EuiButton,
EuiPageBody,
EuiPageTemplate,
EuiPageSection,
EuiSpacer,
EuiText,
EuiFieldText,
EuiPageHeader,
EuiLink,
} from '@elastic/eui';
import { AppMountParameters } from '@kbn/core/public';
import { SharePluginSetup } from '@kbn/share-plugin/public';
import {
@ -112,9 +114,11 @@ const ActionsExplorer = ({ share }: Props) => {
return (
<EuiPage>
<EuiPageBody>
<EuiPageHeader>Locator explorer</EuiPageHeader>
<EuiPageContent>
<EuiPageContentBody>
<EuiPageSection>
<EuiPageHeader pageTitle="Locator Explorer" />
</EuiPageSection>
<EuiPageTemplate.Section>
<EuiPageSection>
<EuiText>
<p>Create new links using the most recent version of a locator.</p>
</EuiText>
@ -178,8 +182,8 @@ const ActionsExplorer = ({ share }: Props) => {
</React.Fragment>
))
)}
</EuiPageContentBody>
</EuiPageContent>
</EuiPageSection>
</EuiPageTemplate.Section>
</EuiPageBody>
</EuiPage>
);

10
examples/locator_explorer/public/page.tsx
View file

@ -10,8 +10,8 @@ import React from 'react';
import {
EuiPageBody,
EuiPageContent_Deprecated as EuiPageContent,
EuiPageContentBody_Deprecated as EuiPageContentBody,
EuiPageTemplate,
EuiPageSection,
EuiPageHeader,
EuiPageHeaderSection,
EuiTitle,
@ -32,9 +32,9 @@ export function Page({ title, children }: PageProps) {
</EuiTitle>
</EuiPageHeaderSection>
</EuiPageHeader>
<EuiPageContent>
<EuiPageContentBody>{children}</EuiPageContentBody>
</EuiPageContent>
<EuiPageTemplate.Section>
<EuiPageSection>{children}</EuiPageSection>
</EuiPageTemplate.Section>
</EuiPageBody>
);
}