From e6c57707de7d32b6f8aeb6c70f925f21b0674de1 Mon Sep 17 00:00:00 2001 From: Lucano Vera Date: Fri, 17 Jan 2025 11:33:27 -0300 Subject: [PATCH] Adjust add system logos --- .../src/features/common/CalloutNavCard.tsx | 4 +-- .../src/features/common/Icon/AWSLogo.tsx | 15 ++++++---- .../common/Icon/DataFlowScannerLogo.tsx | 15 ++++++---- .../src/features/common/Icon/ManualSetup.tsx | 21 +++++++++----- .../src/features/common/Icon/OktaLogo.tsx | 29 ++++++++++++------- .../src/features/config-wizard/AddSystem.tsx | 8 ++--- .../config-wizard/DataFlowScannerOption.tsx | 2 +- 7 files changed, 57 insertions(+), 37 deletions(-) diff --git a/clients/admin-ui/src/features/common/CalloutNavCard.tsx b/clients/admin-ui/src/features/common/CalloutNavCard.tsx index c0e569eb3a..0606585ca1 100644 --- a/clients/admin-ui/src/features/common/CalloutNavCard.tsx +++ b/clients/admin-ui/src/features/common/CalloutNavCard.tsx @@ -28,11 +28,11 @@ const CalloutNavCard = ({ }} data-testid={`tile-${title}`} > -
+
{icon} {title} diff --git a/clients/admin-ui/src/features/common/Icon/AWSLogo.tsx b/clients/admin-ui/src/features/common/Icon/AWSLogo.tsx index ee26419748..18600e2502 100644 --- a/clients/admin-ui/src/features/common/Icon/AWSLogo.tsx +++ b/clients/admin-ui/src/features/common/Icon/AWSLogo.tsx @@ -2,19 +2,22 @@ import { createIcon } from "fidesui"; const AWSLogo = createIcon({ displayName: "AWSLogo", - viewBox: "0 0 34 34", + viewBox: "0 0 24 22", path: ( - + ), diff --git a/clients/admin-ui/src/features/common/Icon/DataFlowScannerLogo.tsx b/clients/admin-ui/src/features/common/Icon/DataFlowScannerLogo.tsx index 8ba335503a..ee598e1fc2 100644 --- a/clients/admin-ui/src/features/common/Icon/DataFlowScannerLogo.tsx +++ b/clients/admin-ui/src/features/common/Icon/DataFlowScannerLogo.tsx @@ -2,19 +2,22 @@ import { createIcon } from "fidesui"; const DataFlowScannerLogo = createIcon({ displayName: "DataFlowScannerLogo", - viewBox: "0 0 34 34", + viewBox: "0 0 22 20", path: ( - + ), diff --git a/clients/admin-ui/src/features/common/Icon/ManualSetup.tsx b/clients/admin-ui/src/features/common/Icon/ManualSetup.tsx index 012819d000..8b0de1a20b 100644 --- a/clients/admin-ui/src/features/common/Icon/ManualSetup.tsx +++ b/clients/admin-ui/src/features/common/Icon/ManualSetup.tsx @@ -2,30 +2,35 @@ import { createIcon } from "fidesui"; const ManualSetup = createIcon({ displayName: "ManualSetup", - viewBox: "0 0 34 34", + viewBox: "0 0 24 21", path: ( - + ), diff --git a/clients/admin-ui/src/features/common/Icon/OktaLogo.tsx b/clients/admin-ui/src/features/common/Icon/OktaLogo.tsx index 19cf2dfcc4..f7e9a58966 100644 --- a/clients/admin-ui/src/features/common/Icon/OktaLogo.tsx +++ b/clients/admin-ui/src/features/common/Icon/OktaLogo.tsx @@ -2,29 +2,38 @@ import { createIcon } from "fidesui"; const OktaLogo = createIcon({ displayName: "OktaLogo", - viewBox: "0 0 34 34", + viewBox: "0 0 22 16", path: ( - - + - + diff --git a/clients/admin-ui/src/features/config-wizard/AddSystem.tsx b/clients/admin-ui/src/features/config-wizard/AddSystem.tsx index c7388bf166..9ee3bd43f5 100644 --- a/clients/admin-ui/src/features/config-wizard/AddSystem.tsx +++ b/clients/admin-ui/src/features/config-wizard/AddSystem.tsx @@ -84,7 +84,7 @@ const AddSystem = () => { } + icon={} description="Manually add a system for services not covered by automated scanners" data-testid="manual-btn" /> @@ -105,7 +105,7 @@ const AddSystem = () => { } + icon={} description="Choose vendors and automatically populate system details" data-testid="multiple-btn" /> @@ -129,7 +129,7 @@ const AddSystem = () => { title="Scan your infrastructure (AWS)" color={palette.FIDESUI_TERRACOTTA} description="Automatically discover new systems in your AWS infrastructure" - icon={} + icon={} data-testid="aws-btn" /> @@ -146,7 +146,7 @@ const AddSystem = () => { title="Scan your Sign On Provider (Okta)" color={palette.FIDESUI_MINOS} description="Automatically discover new systems in your Okta infrastructure" - icon={} + icon={} data-testid="okta-btn" /> diff --git a/clients/admin-ui/src/features/config-wizard/DataFlowScannerOption.tsx b/clients/admin-ui/src/features/config-wizard/DataFlowScannerOption.tsx index 730e778b06..4c7d7c5292 100644 --- a/clients/admin-ui/src/features/config-wizard/DataFlowScannerOption.tsx +++ b/clients/admin-ui/src/features/config-wizard/DataFlowScannerOption.tsx @@ -52,7 +52,7 @@ const DataFlowScannerOption = ({ onClick }: { onClick: () => void }) => { title="Data flow scan" color={palette.FIDESUI_NECTAR} description="Automatically discover new systems in your Kubernetes infrastructure" - icon={} + icon={} data-testid="data-flow-scan-btn" />