From b8b2be3c1051b87866b8caf2efc1313f66488fcd Mon Sep 17 00:00:00 2001 From: Kyrylo Shmidt Date: Thu, 20 Apr 2023 23:30:04 +0200 Subject: [PATCH 1/3] Add installation type to the Wizard Update styles and wording Add link to the Getting started video --- .storybook/preview-body.html | 2 +- .../gettingStartedVideoThumbnail_dark.png | Bin 0 -> 13016 bytes .../gettingStartedVideoThumbnail_light.png | Bin 0 -> 13642 bytes public/images/observabilityButton_dark.gif | Bin 938471 -> 0 bytes public/images/observabilityButton_light.gif | Bin 2766267 -> 0 bytes .../InstallationWizard/FinishStep/index.tsx | 43 ++- .../InstallationWizard/FinishStep/styles.ts | 38 +-- .../InstallationTypeButton/index.tsx | 22 ++ .../InstallationTypeButton/styles.ts | 136 +++++++++ .../InstallationTypeButton/types.ts | 15 + .../ObservabilityStep/index.tsx | 25 +- .../ObservabilityStep/styles.ts | 38 +-- .../InstallationWizard/SectionTitle/index.tsx | 8 +- .../InstallationWizard/Step/index.tsx | 24 -- .../InstallationWizard/Step/styles.ts | 32 +- .../InstallationWizard/Step/types.ts | 1 - .../InstallationWizard/Tip/index.tsx | 27 ++ .../InstallationWizard/Tip/styles.ts | 25 ++ .../InstallationWizard/Tip/types.ts | 5 + src/components/InstallationWizard/index.tsx | 142 ++++++--- src/components/InstallationWizard/styles.ts | 91 ++++++ src/components/InstallationWizard/types.ts | 2 + src/components/common/ToggleSwitch/index.tsx | 12 +- src/components/common/ToggleSwitch/styles.ts | 66 ++++- src/components/common/ToggleSwitch/types.ts | 14 +- .../common/icons/CloudDownloadIcon.tsx | 34 +++ .../common/icons/DigmaGreetingIcon.tsx | 275 ++++++++++++++++++ .../common/icons/OpenTelemetryDisplayIcon.tsx | 72 +++++ .../common/icons/PlayCircleIcon.tsx | 24 ++ src/components/common/icons/types.ts | 4 + 30 files changed, 978 insertions(+), 199 deletions(-) create mode 100644 public/images/gettingStartedVideoThumbnail_dark.png create mode 100644 public/images/gettingStartedVideoThumbnail_light.png delete mode 100644 public/images/observabilityButton_dark.gif delete mode 100644 public/images/observabilityButton_light.gif create mode 100644 src/components/InstallationWizard/InstallationTypeButton/index.tsx create mode 100644 src/components/InstallationWizard/InstallationTypeButton/styles.ts create mode 100644 src/components/InstallationWizard/InstallationTypeButton/types.ts create mode 100644 src/components/InstallationWizard/Tip/index.tsx create mode 100644 src/components/InstallationWizard/Tip/styles.ts create mode 100644 src/components/InstallationWizard/Tip/types.ts create mode 100644 src/components/common/icons/CloudDownloadIcon.tsx create mode 100644 src/components/common/icons/DigmaGreetingIcon.tsx create mode 100644 src/components/common/icons/OpenTelemetryDisplayIcon.tsx create mode 100644 src/components/common/icons/PlayCircleIcon.tsx diff --git a/.storybook/preview-body.html b/.storybook/preview-body.html index 567baa70a..717682a5a 100644 --- a/.storybook/preview-body.html +++ b/.storybook/preview-body.html @@ -1,6 +1,6 @@