Fix EuiPageTemplate child usages

elastic · May 6, 2024 · 8e469fd · 8e469fd
1 parent 335cda1
commit 8e469fd
Showing 1 changed file with 22 additions and 31 deletions.
diff --git a/...orkplace_search/components/layout/personal_dashboard_layout/personal_dashboard_layout.tsx b/...orkplace_search/components/layout/personal_dashboard_layout/personal_dashboard_layout.tsx
@@ -10,14 +10,7 @@ import { useRouteMatch } from 'react-router-dom';
 
 import { useValues } from 'kea';
 
-import {
-  EuiPageSidebar,
-  EuiPageBody,
-  EuiPageSection,
-  EuiCallOut,
-  EuiSpacer,
-  EuiPageTemplate,
-} from '@elastic/eui';
+import { EuiCallOut, EuiSpacer, EuiPageTemplate } from '@elastic/eui';
 
 import { AccountHeader, AccountSettingsSidebar, PrivateSourcesSidebar } from '..';
 import { FlashMessages } from '../../../../shared/flash_messages';
@@ -47,37 +40,35 @@ export const PersonalDashboardLayout: FC<PropsWithChildren<LayoutProps>> = ({
     <>
       {pageChrome && <SetWorkplaceSearchChrome trail={pageChrome} />}
       <AccountHeader />
-      <EuiPageTemplate className="personalDashboardLayout" paddingSize="none">
-        <EuiPageSidebar
+      <EuiPageTemplate className="personalDashboardLayout" paddingSize="none" panelled>
+        <EuiPageTemplate.Sidebar
           role="navigation"
           className="personalDashboardLayout__sideBar"
           sticky
           minWidth="480px"
         >
           {useRouteMatch(PRIVATE_SOURCES_PATH) && <PrivateSourcesSidebar />}
           {useRouteMatch(PERSONAL_SETTINGS_PATH) && <AccountSettingsSidebar />}
-        </EuiPageSidebar>
-        <EuiPageBody component="main" panelled role="main">
-          <EuiPageSection
-            className="personalDashboardLayout__body"
-            paddingSize="none"
-            restrictWidth
-          >
-            {readOnlyMode && (
-              <>
-                <EuiCallOut
-                  color="warning"
-                  iconType="lock"
-                  title={PERSONAL_DASHBOARD_READ_ONLY_MODE_WARNING}
-                />
-                <EuiSpacer />
-              </>
-            )}
-            <FlashMessages />
+        </EuiPageTemplate.Sidebar>
+        <EuiPageTemplate.Section
+          className="personalDashboardLayout__body"
+          paddingSize="none"
+          restrictWidth
+        >
+          {readOnlyMode && (
+            <>
+              <EuiCallOut
+                color="warning"
+                iconType="lock"
+                title={PERSONAL_DASHBOARD_READ_ONLY_MODE_WARNING}
+              />
+              <EuiSpacer />
+            </>
+          )}
+          <FlashMessages />
 
-            {isLoading ? <Loading /> : children}
-          </EuiPageSection>
-        </EuiPageBody>
+          {isLoading ? <Loading /> : children}
+        </EuiPageTemplate.Section>
       </EuiPageTemplate>
     </>
   );