[Search Profiler] Migrate all usages of EuiPage*_Deprecated (#163131)

This commit is contained in:
GitStart 2023-09-22 16:55:34 +01:00 committed by GitHub
parent 213ef5686b
commit 101bd8d835
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 32 additions and 46 deletions

View file

@ -17,10 +17,6 @@
height: 100%;
}
&__pageBodyContentBody {
height: 100%;
}
&__pageContentBodyContent {
height: 100%;
}

View file

@ -8,15 +8,7 @@
import { i18n } from '@kbn/i18n';
import React, { useCallback } from 'react';
import {
EuiPage,
EuiPageBody,
EuiPageContent_Deprecated as EuiPageContent,
EuiPageContentBody_Deprecated as EuiPageContentBody,
EuiFlexGroup,
EuiFlexItem,
EuiSpacer,
} from '@elastic/eui';
import { EuiPage, EuiPageBody, EuiFlexGroup, EuiFlexItem, EuiSpacer, EuiPanel } from '@elastic/eui';
import {
SearchProfilerTabs,
@ -95,39 +87,37 @@ export const App = () => {
<EuiPage className="prfDevTool__page appRoot">
<EuiPageBody className="prfDevTool__page__pageBody">
{renderLicenseWarning()}
<EuiPageContent className="prfDevTool__page__pageBodyContent">
<EuiPageContentBody className="prfDevTool__page__pageBodyContentBody">
<EuiFlexGroup
responsive={false}
gutterSize="s"
direction="row"
className="prfDevTool__page__bodyGroup"
>
<EuiFlexItem>
<ProfileQueryEditor />
</EuiFlexItem>
<EuiFlexItem grow={3}>
<EuiFlexGroup className="prfDevTool__main" gutterSize="none" direction="column">
<SearchProfilerTabs
activeTab={activeTab}
activateTab={setActiveTab}
has={{
aggregations: Boolean(currentResponse && hasAggregations(currentResponse)),
searches: Boolean(currentResponse && hasSearch(currentResponse)),
}}
/>
{renderProfileTreeArea()}
</EuiFlexGroup>
</EuiFlexItem>
</EuiFlexGroup>
{highlightDetails ? (
<HighlightDetailsFlyout
{...highlightDetails}
onClose={() => dispatch({ type: 'setHighlightDetails', value: null })}
/>
) : null}
</EuiPageContentBody>
</EuiPageContent>
<EuiPanel className="prfDevTool__page__pageBodyContent">
<EuiFlexGroup
responsive={false}
gutterSize="s"
direction="row"
className="prfDevTool__page__bodyGroup"
>
<EuiFlexItem>
<ProfileQueryEditor />
</EuiFlexItem>
<EuiFlexItem grow={3}>
<EuiFlexGroup className="prfDevTool__main" gutterSize="none" direction="column">
<SearchProfilerTabs
activeTab={activeTab}
activateTab={setActiveTab}
has={{
aggregations: Boolean(currentResponse && hasAggregations(currentResponse)),
searches: Boolean(currentResponse && hasSearch(currentResponse)),
}}
/>
{renderProfileTreeArea()}
</EuiFlexGroup>
</EuiFlexItem>
</EuiFlexGroup>
{highlightDetails ? (
<HighlightDetailsFlyout
{...highlightDetails}
onClose={() => dispatch({ type: 'setHighlightDetails', value: null })}
/>
) : null}
</EuiPanel>
</EuiPageBody>
</EuiPage>
</>