[Guided onboarding] Migrate all usages of EuiPage*_Deprecated (#161457)

## Summary

This PR removes all usages of EuiPage*_Deprecated for:

- EuiPageContentBody_Deprecated -> Use EuiPageSection instead
- EuiPageContentHeader_Deprecated -> Use EuiPageHeader instead


Fixes: #161427

---------

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
This commit is contained in:
claracruz 2023-07-10 16:00:27 +01:00 committed by GitHub
parent 0be1d5b1c0
commit 0e0106a322
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 27 additions and 37 deletions

View file

@ -12,10 +12,7 @@ import { EuiButton, EuiSpacer, EuiText, EuiTitle, EuiTourStep } from '@elastic/e
import { GuidedOnboardingPluginStart } from '@kbn/guided-onboarding-plugin/public/types';
import { FormattedMessage } from '@kbn/i18n-react';
import {
EuiPageContentHeader_Deprecated as EuiPageContentHeader,
EuiPageContentBody_Deprecated as EuiPageContentBody,
} from '@elastic/eui';
import { EuiPageHeader, EuiPageSection } from '@elastic/eui';
interface StepThreeProps {
guidedOnboarding: GuidedOnboardingPluginStart;
@ -39,7 +36,7 @@ export const StepThree = (props: StepThreeProps) => {
return (
<>
<EuiPageContentHeader>
<EuiPageHeader>
<EuiTitle>
<h2>
<FormattedMessage
@ -48,8 +45,8 @@ export const StepThree = (props: StepThreeProps) => {
/>
</h2>
</EuiTitle>
</EuiPageContentHeader>
<EuiPageContentBody>
</EuiPageHeader>
<EuiPageSection>
<EuiText>
<p>
<FormattedMessage
@ -92,7 +89,7 @@ export const StepThree = (props: StepThreeProps) => {
Complete step 3
</EuiButton>
</EuiTourStep>
</EuiPageContentBody>
</EuiPageSection>
</>
);
};