From 77a33cf4ae257082a214f407d196b5e18f9c6c7e Mon Sep 17 00:00:00 2001 From: Philippe Oberti Date: Wed, 16 Aug 2023 13:00:41 +0200 Subject: [PATCH] [Security Solution] expandable flyout - small hosts and users details UI updates (#163957) --- .../flyout/left/components/host_details.tsx | 72 ++++++++++--------- .../flyout/left/components/translations.ts | 8 +-- .../flyout/left/components/user_details.tsx | 72 ++++++++++--------- .../translations/translations/fr-FR.json | 2 - .../translations/translations/ja-JP.json | 2 - .../translations/translations/zh-CN.json | 2 - 6 files changed, 78 insertions(+), 80 deletions(-) diff --git a/x-pack/plugins/security_solution/public/flyout/left/components/host_details.tsx b/x-pack/plugins/security_solution/public/flyout/left/components/host_details.tsx index 731bfeda95712..8382e13e6fcc6 100644 --- a/x-pack/plugins/security_solution/public/flyout/left/components/host_details.tsx +++ b/x-pack/plugins/security_solution/public/flyout/left/components/host_details.tsx @@ -12,12 +12,12 @@ import { EuiTitle, EuiSpacer, EuiInMemoryTable, - EuiHorizontalRule, EuiText, EuiFlexGroup, EuiFlexItem, EuiToolTip, EuiIcon, + EuiPanel, } from '@elastic/eui'; import type { EuiBasicTableColumn } from '@elastic/eui'; import { ExpandablePanel } from '../../shared/components/expandable_panel'; @@ -207,7 +207,7 @@ export const HostDetails: React.FC = ({ hostName, timestamp }) return ( <> -

{i18n.HOSTS_TITLE}

+

{i18n.HOST_TITLE}

 = ({ hostName, timestamp }) /> )} - - - - -
{i18n.RELATED_USERS_TITLE}
- - - - - - - - - - + + + +
{i18n.RELATED_USERS_TITLE}
+ + + + + + + + + + - - + setQuery={setQuery} + deleteQuery={deleteQuery} + refetch={refetchRelatedUsers} + > + + + + ); diff --git a/x-pack/plugins/security_solution/public/flyout/left/components/translations.ts b/x-pack/plugins/security_solution/public/flyout/left/components/translations.ts index b8c0122a7a595..a83d9911ad32c 100644 --- a/x-pack/plugins/security_solution/public/flyout/left/components/translations.ts +++ b/x-pack/plugins/security_solution/public/flyout/left/components/translations.ts @@ -21,8 +21,8 @@ export const SESSION_VIEW_ERROR_MESSAGE = i18n.translate( } ); -export const USERS_TITLE = i18n.translate('xpack.securitySolution.flyout.entities.usersTitle', { - defaultMessage: 'Users', +export const USER_TITLE = i18n.translate('xpack.securitySolution.flyout.entities.userTitle', { + defaultMessage: 'User', }); export const USERS_INFO_TITLE = i18n.translate( @@ -60,8 +60,8 @@ export const RELATED_ENTITIES_IP_COLUMN_TITLE = i18n.translate( } ); -export const HOSTS_TITLE = i18n.translate('xpack.securitySolution.flyout.entities.hostsTitle', { - defaultMessage: 'Hosts', +export const HOST_TITLE = i18n.translate('xpack.securitySolution.flyout.entities.hostTitle', { + defaultMessage: 'Host', }); export const HOSTS_INFO_TITLE = i18n.translate( diff --git a/x-pack/plugins/security_solution/public/flyout/left/components/user_details.tsx b/x-pack/plugins/security_solution/public/flyout/left/components/user_details.tsx index ea55f811c341a..9e218c7ac94fb 100644 --- a/x-pack/plugins/security_solution/public/flyout/left/components/user_details.tsx +++ b/x-pack/plugins/security_solution/public/flyout/left/components/user_details.tsx @@ -12,12 +12,12 @@ import { EuiTitle, EuiSpacer, EuiInMemoryTable, - EuiHorizontalRule, EuiText, EuiIcon, EuiFlexGroup, EuiFlexItem, EuiToolTip, + EuiPanel, } from '@elastic/eui'; import type { EuiBasicTableColumn } from '@elastic/eui'; import { ExpandablePanel } from '../../shared/components/expandable_panel'; @@ -208,7 +208,7 @@ export const UserDetails: React.FC = ({ userName, timestamp }) return ( <> -

{i18n.USERS_TITLE}

+

{i18n.USER_TITLE}

 = ({ userName, timestamp }) /> )} - - - - -
{i18n.RELATED_HOSTS_TITLE}
- - - - - - - - - - + + + +
{i18n.RELATED_HOSTS_TITLE}
+ + + + + + + + + + - - + setQuery={setQuery} + deleteQuery={deleteQuery} + refetch={refetchRelatedHosts} + > + + + + ); diff --git a/x-pack/plugins/translations/translations/fr-FR.json b/x-pack/plugins/translations/translations/fr-FR.json index d5fbbabf7a4cf..cf781ebb7be94 100644 --- a/x-pack/plugins/translations/translations/fr-FR.json +++ b/x-pack/plugins/translations/translations/fr-FR.json @@ -33363,7 +33363,6 @@ "xpack.securitySolution.flyout.entities.failRelatedHostsDescription": "Impossible de lancer la recherche sur les hôtes associés", "xpack.securitySolution.flyout.entities.failRelatedUsersDescription": "Impossible de lancer la recherche sur les utilisateurs associés", "xpack.securitySolution.flyout.entities.hostsInfoTitle": "Informations sur l’hôte", - "xpack.securitySolution.flyout.entities.hostsTitle": "Hôtes", "xpack.securitySolution.flyout.entities.relatedEntitiesIpColumn": "Adresses IP", "xpack.securitySolution.flyout.entities.relatedEntitiesNameColumn": "Nom", "xpack.securitySolution.flyout.entities.relatedHostsTitle": "Hôtes associés", @@ -33371,7 +33370,6 @@ "xpack.securitySolution.flyout.entities.relatedUsersTitle": "Utilisateurs associés", "xpack.securitySolution.flyout.entities.relatedUsersToolTip": "Ces utilisateurs ont été authentifiés avec succès sur l’hôte concerné après l’alerte.", "xpack.securitySolution.flyout.entities.usersInfoTitle": "Informations sur l’utilisateur", - "xpack.securitySolution.flyout.entities.usersTitle": "Utilisateurs", "xpack.securitySolution.flyout.prevalenceErrorMessage": "prévalence", "xpack.securitySolution.flyout.prevalenceTableAlertCountColumnTitle": "Nombre d'alertes", "xpack.securitySolution.flyout.prevalenceTableDocCountColumnTitle": "Compte du document", diff --git a/x-pack/plugins/translations/translations/ja-JP.json b/x-pack/plugins/translations/translations/ja-JP.json index fd71d9e3dfc36..0f1f87789fc36 100644 --- a/x-pack/plugins/translations/translations/ja-JP.json +++ b/x-pack/plugins/translations/translations/ja-JP.json @@ -33362,7 +33362,6 @@ "xpack.securitySolution.flyout.entities.failRelatedHostsDescription": "関連するホストで検索を実行できませんでした", "xpack.securitySolution.flyout.entities.failRelatedUsersDescription": "関連するユーザーで検索を実行できませんでした", "xpack.securitySolution.flyout.entities.hostsInfoTitle": "ホスト情報", - "xpack.securitySolution.flyout.entities.hostsTitle": "ホスト", "xpack.securitySolution.flyout.entities.relatedEntitiesIpColumn": "IPアドレス", "xpack.securitySolution.flyout.entities.relatedEntitiesNameColumn": "名前", "xpack.securitySolution.flyout.entities.relatedHostsTitle": "関連するホスト", @@ -33370,7 +33369,6 @@ "xpack.securitySolution.flyout.entities.relatedUsersTitle": "関連するユーザー", "xpack.securitySolution.flyout.entities.relatedUsersToolTip": "アラート後、ユーザーは影響を受けるホストへの認証に成功しました。", "xpack.securitySolution.flyout.entities.usersInfoTitle": "ユーザー情報", - "xpack.securitySolution.flyout.entities.usersTitle": "ユーザー", "xpack.securitySolution.flyout.prevalenceErrorMessage": "発生率", "xpack.securitySolution.flyout.prevalenceTableAlertCountColumnTitle": "アラート件数", "xpack.securitySolution.flyout.prevalenceTableDocCountColumnTitle": "ドキュメントカウント", diff --git a/x-pack/plugins/translations/translations/zh-CN.json b/x-pack/plugins/translations/translations/zh-CN.json index 046b0c6873ff5..55c74c7670aa2 100644 --- a/x-pack/plugins/translations/translations/zh-CN.json +++ b/x-pack/plugins/translations/translations/zh-CN.json @@ -33358,7 +33358,6 @@ "xpack.securitySolution.flyout.entities.failRelatedHostsDescription": "无法对相关主机执行搜索", "xpack.securitySolution.flyout.entities.failRelatedUsersDescription": "无法对相关用户执行搜索", "xpack.securitySolution.flyout.entities.hostsInfoTitle": "主机信息", - "xpack.securitySolution.flyout.entities.hostsTitle": "主机", "xpack.securitySolution.flyout.entities.relatedEntitiesIpColumn": "IP 地址", "xpack.securitySolution.flyout.entities.relatedEntitiesNameColumn": "名称", "xpack.securitySolution.flyout.entities.relatedHostsTitle": "相关主机", @@ -33366,7 +33365,6 @@ "xpack.securitySolution.flyout.entities.relatedUsersTitle": "相关用户", "xpack.securitySolution.flyout.entities.relatedUsersToolTip": "告警后，这些用户已成功通过受影响主机的身份验证。", "xpack.securitySolution.flyout.entities.usersInfoTitle": "用户信息", - "xpack.securitySolution.flyout.entities.usersTitle": "用户", "xpack.securitySolution.flyout.prevalenceErrorMessage": "普及率", "xpack.securitySolution.flyout.prevalenceTableAlertCountColumnTitle": "告警计数", "xpack.securitySolution.flyout.prevalenceTableDocCountColumnTitle": "文档计数",