mirror of
https://github.com/elastic/kibana.git
synced 2025-04-24 17:59:23 -04:00
[Search Profiler] Migrate all usages of EuiPage*_Deprecated (#163131)
This commit is contained in:
parent
213ef5686b
commit
101bd8d835
2 changed files with 32 additions and 46 deletions
|
@ -17,10 +17,6 @@
|
|||
height: 100%;
|
||||
}
|
||||
|
||||
&__pageBodyContentBody {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
&__pageContentBodyContent {
|
||||
height: 100%;
|
||||
}
|
||||
|
|
|
@ -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>
|
||||
</>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue