From 5f9fd8e5f04ff4acc0142f472fc625c66bf3a862 Mon Sep 17 00:00:00 2001 From: ahussein3 Date: Wed, 1 Nov 2023 13:50:34 +0200 Subject: [PATCH 1/3] add new svg icon as CLusterDiscovery icon --- ui/components/Icon.tsx | 5 +++++ ui/components/NavIcons/ClusterDiscoveryIcon.tsx | 11 +++++++++++ 2 files changed, 16 insertions(+) create mode 100644 ui/components/NavIcons/ClusterDiscoveryIcon.tsx diff --git a/ui/components/Icon.tsx b/ui/components/Icon.tsx index f41a0ccd83..cbadfb5670 100644 --- a/ui/components/Icon.tsx +++ b/ui/components/Icon.tsx @@ -59,6 +59,7 @@ import SourcesIcon from "./NavIcons/SourcesIcon"; import TemplatesIcon from "./NavIcons/TemplatesIcon"; import TerraformIcon from "./NavIcons/TerraformIcon"; import WorkspacesIcon from "./NavIcons/WorkspacesIcon"; +import ClusaterDiscoveryIcon from "./NavIcons/ClusterDiscoveryIcon"; import ResumeIcon from "./Sync/ResumeIcon"; import Text from "./Text"; @@ -126,6 +127,7 @@ export enum IconType { VerifiedUser, WarningIcon, WorkspacesIcon, + ClusterDiscoveryIcon, } type Props = { @@ -325,6 +327,9 @@ function getIcon(i: IconType) { case IconType.WorkspacesIcon: return WorkspacesIcon; + case IconType.ClusterDiscoveryIcon: + return ClusaterDiscoveryIcon; + default: break; } diff --git a/ui/components/NavIcons/ClusterDiscoveryIcon.tsx b/ui/components/NavIcons/ClusterDiscoveryIcon.tsx new file mode 100644 index 0000000000..52abcc2fef --- /dev/null +++ b/ui/components/NavIcons/ClusterDiscoveryIcon.tsx @@ -0,0 +1,11 @@ +import * as React from "react"; + +function ClustersIcon() { + return ( + + + + ); +} + +export default ClustersIcon; From 5499c2966fefc706e11af2a2c8da51d32580db08 Mon Sep 17 00:00:00 2001 From: ahussein3 Date: Wed, 1 Nov 2023 13:52:27 +0200 Subject: [PATCH 2/3] fix typo --- ui/components/Icon.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/ui/components/Icon.tsx b/ui/components/Icon.tsx index cbadfb5670..79dbe63d21 100644 --- a/ui/components/Icon.tsx +++ b/ui/components/Icon.tsx @@ -59,7 +59,7 @@ import SourcesIcon from "./NavIcons/SourcesIcon"; import TemplatesIcon from "./NavIcons/TemplatesIcon"; import TerraformIcon from "./NavIcons/TerraformIcon"; import WorkspacesIcon from "./NavIcons/WorkspacesIcon"; -import ClusaterDiscoveryIcon from "./NavIcons/ClusterDiscoveryIcon"; +import ClusterDiscoveryIcon from "./NavIcons/ClusterDiscoveryIcon"; import ResumeIcon from "./Sync/ResumeIcon"; import Text from "./Text"; @@ -328,7 +328,7 @@ function getIcon(i: IconType) { return WorkspacesIcon; case IconType.ClusterDiscoveryIcon: - return ClusaterDiscoveryIcon; + return ClusterDiscoveryIcon; default: break; From 4be0ae3a31010781126cc3ea9232beb1c2b11c2d Mon Sep 17 00:00:00 2001 From: ahussein3 Date: Wed, 1 Nov 2023 14:16:02 +0200 Subject: [PATCH 3/3] update import order --- ui/components/Icon.tsx | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/ui/components/Icon.tsx b/ui/components/Icon.tsx index 79dbe63d21..8012463060 100644 --- a/ui/components/Icon.tsx +++ b/ui/components/Icon.tsx @@ -42,6 +42,7 @@ import images from "../lib/images"; import { colors, fontSizes, spacing } from "../typedefs/styled"; import Flex from "./Flex"; import ApplicationsIcon from "./NavIcons/ApplicationsIcon"; +import ClusterDiscoveryIcon from "./NavIcons/ClusterDiscoveryIcon"; import ClustersIcon from "./NavIcons/ClustersIcon"; import DeliveryIcon from "./NavIcons/DeliveryIcon"; import DocsIcon from "./NavIcons/DocsIcon"; @@ -59,7 +60,7 @@ import SourcesIcon from "./NavIcons/SourcesIcon"; import TemplatesIcon from "./NavIcons/TemplatesIcon"; import TerraformIcon from "./NavIcons/TerraformIcon"; import WorkspacesIcon from "./NavIcons/WorkspacesIcon"; -import ClusterDiscoveryIcon from "./NavIcons/ClusterDiscoveryIcon"; + import ResumeIcon from "./Sync/ResumeIcon"; import Text from "./Text"; @@ -76,6 +77,7 @@ export enum IconType { CheckCircleIcon, CheckMark, ClearIcon, + ClusterDiscoveryIcon, ClustersIcon, DeleteIcon, DeliveryIcon, @@ -127,7 +129,6 @@ export enum IconType { VerifiedUser, WarningIcon, WorkspacesIcon, - ClusterDiscoveryIcon, } type Props = { @@ -177,6 +178,9 @@ function getIcon(i: IconType) { case IconType.ClearIcon: return ClearIcon; + case IconType.ClusterDiscoveryIcon: + return ClusterDiscoveryIcon; + case IconType.ClustersIcon: return ClustersIcon; @@ -327,9 +331,6 @@ function getIcon(i: IconType) { case IconType.WorkspacesIcon: return WorkspacesIcon; - case IconType.ClusterDiscoveryIcon: - return ClusterDiscoveryIcon; - default: break; }