From 2e42a05ea22474333bb1f2d73070ee4063901ade Mon Sep 17 00:00:00 2001 From: kevinlog Date: Mon, 13 Jul 2020 11:47:01 -0400 Subject: [PATCH 1/4] add onboarding log --- .../public/management/components/management_empty_state.tsx | 5 +++-- .../management/images/security_administration_onboarding.svg | 1 + 2 files changed, 4 insertions(+), 2 deletions(-) create mode 100644 x-pack/plugins/security_solution/public/management/images/security_administration_onboarding.svg diff --git a/x-pack/plugins/security_solution/public/management/components/management_empty_state.tsx b/x-pack/plugins/security_solution/public/management/components/management_empty_state.tsx index 6486b1f3be6d1..faf23a267d4b4 100644 --- a/x-pack/plugins/security_solution/public/management/components/management_empty_state.tsx +++ b/x-pack/plugins/security_solution/public/management/components/management_empty_state.tsx @@ -21,6 +21,7 @@ import { } from '@elastic/eui'; import { i18n } from '@kbn/i18n'; import { FormattedMessage } from '@kbn/i18n/react'; +import onboardingLogo from '../images/security_administration_onboarding.svg'; const TEXT_ALIGN_CENTER: CSSProperties = Object.freeze({ textAlign: 'center', @@ -70,7 +71,7 @@ const PolicyEmptyState = React.memo<{ /> - + @@ -146,7 +147,7 @@ const PolicyEmptyState = React.memo<{ - + )} diff --git a/x-pack/plugins/security_solution/public/management/images/security_administration_onboarding.svg b/x-pack/plugins/security_solution/public/management/images/security_administration_onboarding.svg new file mode 100644 index 0000000000000..33bdae381fc1c --- /dev/null +++ b/x-pack/plugins/security_solution/public/management/images/security_administration_onboarding.svg @@ -0,0 +1 @@ + \ No newline at end of file From 3642880a6ae45d8c50a0a981c69a11d59f07833d Mon Sep 17 00:00:00 2001 From: kevinlog Date: Mon, 13 Jul 2020 12:55:24 -0400 Subject: [PATCH 2/4] update text --- .../public/management/components/management_empty_state.tsx | 6 +++--- .../public/overview/components/endpoint_notice/index.tsx | 2 +- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/x-pack/plugins/security_solution/public/management/components/management_empty_state.tsx b/x-pack/plugins/security_solution/public/management/components/management_empty_state.tsx index faf23a267d4b4..d413f7f05b46a 100644 --- a/x-pack/plugins/security_solution/public/management/components/management_empty_state.tsx +++ b/x-pack/plugins/security_solution/public/management/components/management_empty_state.tsx @@ -60,7 +60,7 @@ const PolicyEmptyState = React.memo<{ @@ -75,7 +75,7 @@ const PolicyEmptyState = React.memo<{ - + @@ -99,7 +99,7 @@ const PolicyEmptyState = React.memo<{ - + diff --git a/x-pack/plugins/security_solution/public/overview/components/endpoint_notice/index.tsx b/x-pack/plugins/security_solution/public/overview/components/endpoint_notice/index.tsx index 3758bd10bfc8f..7170412cb55ad 100644 --- a/x-pack/plugins/security_solution/public/overview/components/endpoint_notice/index.tsx +++ b/x-pack/plugins/security_solution/public/overview/components/endpoint_notice/index.tsx @@ -42,7 +42,7 @@ export const EndpointNotice = memo<{ onDismiss: () => void }>(({ onDismiss }) =>

{/* eslint-disable-next-line @elastic/eui/href-or-on-click*/} From 97931237a66ef0d7bda1771fe23b3a76882d29cf Mon Sep 17 00:00:00 2001 From: kevinlog Date: Mon, 13 Jul 2020 15:40:10 -0400 Subject: [PATCH 3/4] styling adjustments --- .../components/management_empty_state.tsx | 27 +++++++++++-------- .../pages/endpoint_hosts/view/index.tsx | 2 +- 2 files changed, 17 insertions(+), 12 deletions(-) diff --git a/x-pack/plugins/security_solution/public/management/components/management_empty_state.tsx b/x-pack/plugins/security_solution/public/management/components/management_empty_state.tsx index d413f7f05b46a..e5793ea91afe1 100644 --- a/x-pack/plugins/security_solution/public/management/components/management_empty_state.tsx +++ b/x-pack/plugins/security_solution/public/management/components/management_empty_state.tsx @@ -27,6 +27,11 @@ const TEXT_ALIGN_CENTER: CSSProperties = Object.freeze({ textAlign: 'center', }); +const MAX_SIZE_ONBOARDING_LOGO: CSSProperties = Object.freeze({ + maxWidth: 550, + maxHeight: 420, +}); + interface ManagementStep { title: string; children: JSX.Element; @@ -46,7 +51,7 @@ const PolicyEmptyState = React.memo<{ ) : ( - +

@@ -56,22 +61,22 @@ const PolicyEmptyState = React.memo<{ />

- + - + - - + + @@ -92,7 +97,7 @@ const PolicyEmptyState = React.memo<{ @@ -121,14 +126,14 @@ const PolicyEmptyState = React.memo<{ - + - + - + )} diff --git a/x-pack/plugins/security_solution/public/management/pages/endpoint_hosts/view/index.tsx b/x-pack/plugins/security_solution/public/management/pages/endpoint_hosts/view/index.tsx index 8edeab15d6a09..6c6ab3930d7ab 100644 --- a/x-pack/plugins/security_solution/public/management/pages/endpoint_hosts/view/index.tsx +++ b/x-pack/plugins/security_solution/public/management/pages/endpoint_hosts/view/index.tsx @@ -401,7 +401,7 @@ export const HostList = () => {

From 8183f82c9b2e34bacff876657032a9b83947703c Mon Sep 17 00:00:00 2001 From: kevinlog Date: Mon, 13 Jul 2020 17:51:06 -0400 Subject: [PATCH 4/4] add docs link --- .../management/components/management_empty_state.tsx | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/x-pack/plugins/security_solution/public/management/components/management_empty_state.tsx b/x-pack/plugins/security_solution/public/management/components/management_empty_state.tsx index e5793ea91afe1..fb9f97f3f7570 100644 --- a/x-pack/plugins/security_solution/public/management/components/management_empty_state.tsx +++ b/x-pack/plugins/security_solution/public/management/components/management_empty_state.tsx @@ -18,6 +18,7 @@ import { EuiSelectableProps, EuiIcon, EuiLoadingSpinner, + EuiLink, } from '@elastic/eui'; import { i18n } from '@kbn/i18n'; import { FormattedMessage } from '@kbn/i18n/react'; @@ -130,8 +131,14 @@ const PolicyEmptyState = React.memo<{ + + +