update exceptions table header and export icon (#122870)

Addresses #121758 and #121759. Updates exceptions table export icon to be "download" icon and updates exceptions table header to use native EUI page headers.
elastic · Jan 17, 2022 · 8c0fbdf · 8c0fbdf
1 parent 7f15eaa
commit 8c0fbdf
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 9 deletions.
diff --git a/...curity_solution/public/detections/pages/detection_engine/rules/all/exceptions/columns.tsx b/...curity_solution/public/detections/pages/detection_engine/rules/all/exceptions/columns.tsx
@@ -148,7 +148,7 @@ export const getAllExceptionListsColumns = (
               namespaceType,
             })}
             aria-label="Export exception list"
-            iconType="exportAction"
+            iconType="download"
             data-test-subj="exceptionsTableExportButton"
           />
         ),

diff --git a/...lution/public/detections/pages/detection_engine/rules/all/exceptions/exceptions_table.tsx b/...lution/public/detections/pages/detection_engine/rules/all/exceptions/exceptions_table.tsx
@@ -14,6 +14,8 @@ import {
   EuiProgress,
   EuiSearchBarProps,
   EuiSpacer,
+  EuiPageHeader,
+  EuiHorizontalRule,
 } from '@elastic/eui';
 
 import type { NamespaceType, ExceptionListFilter } from '@kbn/securitysolution-io-ts-list-types';
@@ -24,8 +26,6 @@ import { useKibana } from '../../../../../../common/lib/kibana';
 import { useFormatUrl } from '../../../../../../common/components/link_to';
 import { Loader } from '../../../../../../common/components/loader';
 
-import { DetectionEngineHeaderPage } from '../../../../../components/detection_engine_header_page';
-
 import * as i18n from './translations';
 import { AllRulesUtilityBar } from '../utility_bar';
 import { AllExceptionListsColumns, getAllExceptionListsColumns } from './columns';
@@ -341,13 +341,14 @@ export const ExceptionListsTable = React.memo(() => {
 
   return (
     <>
-      <DetectionEngineHeaderPage
-        title={i18n.ALL_EXCEPTIONS}
-        border
-        subtitle={i18n.ALL_EXCEPTIONS_DESCRIPTION}
-        subtitle2={timelines.getLastUpdated({ showUpdating: loading, updatedAt: lastUpdated })}
+      <EuiPageHeader
+        pageTitle={i18n.ALL_EXCEPTIONS}
+        description={i18n.ALL_EXCEPTIONS_DESCRIPTION}
+        rightSideItems={[
+          <p>{timelines.getLastUpdated({ showUpdating: loading, updatedAt: lastUpdated })}</p>,
+        ]}
       />
-
+      <EuiHorizontalRule />
       <div data-test-subj="allExceptionListsPanel">
         {loadingTableInfo && (
           <EuiProgress