From 8c9e96ee679b94df14f86e5614827128ca83113d Mon Sep 17 00:00:00 2001
From: Yara Tercero <yctercero@users.noreply.github.com>
Date: Wed, 26 Jan 2022 02:25:15 -0800
Subject: [PATCH] update exceptions table header and export icon (#122870)
 (#123787)

Addresses #121758 and #121759.

Updates exceptions table export icon to be "download" icon and updates exceptions table header to use native EUI page headers.

(cherry picked from commit 8c0fbdf502144e5d96e3e1ea477aced00d87972f)

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
---
 .../rules/all/exceptions/columns.tsx            |  2 +-
 .../rules/all/exceptions/exceptions_table.tsx   | 17 +++++++++--------
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/x-pack/plugins/security_solution/public/detections/pages/detection_engine/rules/all/exceptions/columns.tsx b/x-pack/plugins/security_solution/public/detections/pages/detection_engine/rules/all/exceptions/columns.tsx
index 17eafecbae34f..2e3872a1364ca 100644
--- a/x-pack/plugins/security_solution/public/detections/pages/detection_engine/rules/all/exceptions/columns.tsx
+++ b/x-pack/plugins/security_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/x-pack/plugins/security_solution/public/detections/pages/detection_engine/rules/all/exceptions/exceptions_table.tsx b/x-pack/plugins/security_solution/public/detections/pages/detection_engine/rules/all/exceptions/exceptions_table.tsx
index 7c8b2ddf636c0..de9da5c293fc1 100644
--- a/x-pack/plugins/security_solution/public/detections/pages/detection_engine/rules/all/exceptions/exceptions_table.tsx
+++ b/x-pack/plugins/security_solution/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