Replace nested EuiFlyoutBody with EuiPanel in example profile

elastic · Nov 8, 2024 · c5a9603 · c5a9603
1 parent 1ac22dc
commit c5a9603
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/...ublic/context_awareness/profile_providers/example/example_data_source_profile/profile.tsx b/...ublic/context_awareness/profile_providers/example/example_data_source_profile/profile.tsx
@@ -7,7 +7,7 @@
  * License v3.0 only", or the "Server Side Public License, v 1".
  */
 
-import { EuiBadge, EuiLink, EuiFlyout, EuiFlyoutBody } from '@elastic/eui';
+import { EuiBadge, EuiLink, EuiFlyout, EuiPanel } from '@elastic/eui';
 import {
   AppMenuActionId,
   AppMenuActionType,
@@ -89,12 +89,12 @@ export const createExampleDataSourceProfileProvider = (): DataSourceProfileProvi
               title: 'Example',
               order: 0,
               component: () => (
-                <EuiFlyoutBody>
+                <EuiPanel color="transparent" hasShadow={false}>
                   <div data-test-subj="exampleDataSourceProfileDocView">Example Doc View</div>
                   <pre data-test-subj="exampleDataSourceProfileDocViewRecord">
                     {context.formatRecord(params.record.flattened)}
                   </pre>
-                </EuiFlyoutBody>
+                </EuiPanel>
               ),
             });