[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,11 +12,7 @@ import { EuiButton, EuiSpacer, EuiText, EuiTitle } from '@elastic/eui';
import { GuidedOnboardingPluginStart } from '@kbn/guided-onboarding-plugin/public/types';
import { FormattedMessage } from '@kbn/i18n-react';
import {
EuiPageContentHeader_Deprecated as EuiPageContentHeader,
EuiPageContentBody_Deprecated as EuiPageContentBody,
EuiCode,
} from '@elastic/eui';
import { EuiPageHeader, EuiPageSection, EuiCode } from '@elastic/eui';
import { useParams } from 'react-router-dom';
interface StepFourProps {
@ -41,7 +37,7 @@ export const StepFour: React.FC<StepFourProps> = ({
return (
<>
<EuiPageContentHeader>
<EuiPageHeader>
<EuiTitle>
<h2>
<FormattedMessage
@ -50,8 +46,8 @@ export const StepFour: React.FC<StepFourProps> = ({
/>
</h2>
</EuiTitle>
</EuiPageContentHeader>
<EuiPageContentBody>
</EuiPageHeader>
<EuiPageSection>
<EuiText>
<p>
<FormattedMessage
@ -74,7 +70,7 @@ export const StepFour: React.FC<StepFourProps> = ({
>
Complete step 4
</EuiButton>
</EuiPageContentBody>
</EuiPageSection>
</>
);
};