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

elastic · Sep 22, 2023 · 101bd8d · 101bd8d
1 parent 213ef56
commit 101bd8d
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 46 deletions.
diff --git a/x-pack/plugins/searchprofiler/public/application/_app.scss b/x-pack/plugins/searchprofiler/public/application/_app.scss
@@ -17,10 +17,6 @@
     height: 100%;
   }
 
-  &__pageBodyContentBody {
-    height: 100%;
-  }
-
   &__pageContentBodyContent {
     height: 100%;
   }

diff --git a/x-pack/plugins/searchprofiler/public/application/app.tsx b/x-pack/plugins/searchprofiler/public/application/app.tsx
@@ -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>
     </>