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.
This commit is contained in:
Yara Tercero 2022-01-17 11:23:51 -08:00 committed by GitHub
parent 7f15eaad65
commit 8c0fbdf502
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 9 deletions

View file

@ -148,7 +148,7 @@ export const getAllExceptionListsColumns = (
namespaceType,
})}
aria-label="Export exception list"
iconType="exportAction"
iconType="download"
data-test-subj="exceptionsTableExportButton"
/>
),

View file

@ -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