[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%; height: 100%;
} }
&__pageBodyContentBody {
height: 100%;
}
&__pageContentBodyContent { &__pageContentBodyContent {
height: 100%; height: 100%;
} }

View file

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