From 2f6adff5bcedbb36a151635f5de87d026489be8f Mon Sep 17 00:00:00 2001 From: Jacek Chmielewski Date: Tue, 31 Mar 2026 11:25:28 +0200 Subject: [PATCH 1/4] add cert icons for SectionSelect --- components/SectionSelect/SectionSelect.tsx | 6 ++++++ .../assets/certificate-authority.png | Bin 0 -> 7762 bytes components/SectionSelect/assets/certificates.png | Bin 0 -> 8260 bytes components/SectionSelect/types.ts | 2 ++ 4 files changed, 8 insertions(+) create mode 100644 components/SectionSelect/assets/certificate-authority.png create mode 100644 components/SectionSelect/assets/certificates.png diff --git a/components/SectionSelect/SectionSelect.tsx b/components/SectionSelect/SectionSelect.tsx index 92e7abb..ad70016 100644 --- a/components/SectionSelect/SectionSelect.tsx +++ b/components/SectionSelect/SectionSelect.tsx @@ -8,9 +8,11 @@ import { CheckboxIndicator } from '../CheckboxIndicator/CheckboxIndicator'; import { Icon } from '../Icon'; import { RadioIndicator } from '../RadioIndicator/RadioIndicator'; import behavior from './assets/behavior.png'; +import certificateAuthority from './assets/certificate-authority.png'; import customSettings from './assets/custom-settings.png'; import customization from './assets/customization.png'; import deviceClc from './assets/device-clc.png'; +import certificates from './assets/certificates.png'; import enrollment from './assets/enrollment.png'; import externalId from './assets/external-id.png'; import gatewayNotifications from './assets/gateway-notifications.png'; @@ -61,6 +63,8 @@ export const SectionSelect = ({ }: Props) => { const imageSource = useMemo(() => { switch (image) { + case 'certificate-authority': + return certificateAuthority; case 'ldap': return ldap; case 'proxy-management': @@ -73,6 +77,8 @@ export const SectionSelect = ({ return remoteActivation; case 'enrollment': return enrollment; + case 'certificates': + return certificates; case 'manual-setup': return manualSetup; case 'token-email': diff --git a/components/SectionSelect/assets/certificate-authority.png b/components/SectionSelect/assets/certificate-authority.png new file mode 100644 index 0000000000000000000000000000000000000000..7348c7730a1f5b622ebcec0e0edb8846547eba1f GIT binary patch literal 7762 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 Y8%DcwT#B2Y#Q*>R07*qoM6N<$f~t0~$p8QV literal 0 HcmV?d00001 diff --git a/components/SectionSelect/assets/certificates.png b/components/SectionSelect/assets/certificates.png new file mode 100644 index 0000000000000000000000000000000000000000..824664df731ecad0bd8e5ea51977c77987fbdd9e GIT binary patch literal 8260 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 Date: Wed, 1 Apr 2026 11:08:06 +0200 Subject: [PATCH 2/4] add aliases icon --- components/Icon/Icon.tsx | 3 +++ components/Icon/icon-types.ts | 1 + components/Icon/icons/IconAliases.tsx | 16 ++++++++++++++++ 3 files changed, 20 insertions(+) create mode 100644 components/Icon/icons/IconAliases.tsx diff --git a/components/Icon/Icon.tsx b/components/Icon/Icon.tsx index dfa4119..28e1f45 100644 --- a/components/Icon/Icon.tsx +++ b/components/Icon/Icon.tsx @@ -8,6 +8,7 @@ import { IconAccessSettings } from './icons/IconAccessSettings'; import { IconActivity } from './icons/IconActivity'; import { IconActivityNotes } from './icons/IconActivityNotes'; import { IconAddAlias } from './icons/IconAddAlias'; +import { IconAliases } from './icons/IconAliases'; import { IconAddDevice } from './icons/IconAddDevice'; import { IconAddGroup } from './icons/IconAddGroup'; import { IconAddLocation } from './icons/IconAddLocation'; @@ -181,6 +182,8 @@ export const Icon = ({ return IconAddRule; case 'add-alias': return IconAddAlias; + case 'aliases': + return IconAliases; case 'upload': return IconUpload; case 'lock-closed': diff --git a/components/Icon/icon-types.ts b/components/Icon/icon-types.ts index 0b4a711..379a6d7 100644 --- a/components/Icon/icon-types.ts +++ b/components/Icon/icon-types.ts @@ -2,6 +2,7 @@ export const IconKind = { IpSuggest: 'ip-suggest', Filtration: 'filtration', AddAlias: 'add-alias', + Aliases: 'aliases', Customize: 'customize', NetworkSettings: 'network-settings', AddGroup: 'add-group', diff --git a/components/Icon/icons/IconAliases.tsx b/components/Icon/icons/IconAliases.tsx new file mode 100644 index 0000000..95275b8 --- /dev/null +++ b/components/Icon/icons/IconAliases.tsx @@ -0,0 +1,16 @@ +import type { SVGProps } from 'react'; + +export const IconAliases = (props: SVGProps) => { + return ( + + + + ); +}; From ecf74e0fb88a7a8e48d681cb25abf7d11820c8cd Mon Sep 17 00:00:00 2001 From: Jacek Chmielewski Date: Wed, 1 Apr 2026 11:38:09 +0200 Subject: [PATCH 3/4] add authorised-app icon --- components/Icon/Icon.tsx | 3 +++ components/Icon/icon-types.ts | 1 + components/Icon/icons/IconAuthorisedApp.tsx | 13 +++++++++++++ 3 files changed, 17 insertions(+) create mode 100644 components/Icon/icons/IconAuthorisedApp.tsx diff --git a/components/Icon/Icon.tsx b/components/Icon/Icon.tsx index 28e1f45..637e60d 100644 --- a/components/Icon/Icon.tsx +++ b/components/Icon/Icon.tsx @@ -23,6 +23,7 @@ import { IconArrowBig } from './icons/IconArrowBig'; import { IconArrowSmall } from './icons/IconArrowSmall'; import { IconAttentionFilled } from './icons/IconAttentionFilled'; import { IconAttentionOutlined } from './icons/IconAttentionOutlined'; +import { IconAuthorisedApp } from './icons/IconAuthorisedApp'; import { IconBiometric } from './icons/IconBiometric'; import { IconBug } from './icons/IconBug'; import { IconCalendar } from './icons/IconCalendar'; @@ -432,6 +433,8 @@ export const Icon = ({ return IconTutorial; case 'tutorial-not-available': return IconTutorialNotAvailable; + case 'authorised-app': + return IconAuthorisedApp; } }, [iconKind]); diff --git a/components/Icon/icon-types.ts b/components/Icon/icon-types.ts index 379a6d7..97e7ef4 100644 --- a/components/Icon/icon-types.ts +++ b/components/Icon/icon-types.ts @@ -131,6 +131,7 @@ export const IconKind = { LightBulb: 'light-bulb', Tutorial: 'tutorial', TutorialNotAvailable: 'tutorial-not-available', + AuthorisedApp: 'authorised-app', } as const; export type IconKindValue = (typeof IconKind)[keyof typeof IconKind]; diff --git a/components/Icon/icons/IconAuthorisedApp.tsx b/components/Icon/icons/IconAuthorisedApp.tsx new file mode 100644 index 0000000..481d873 --- /dev/null +++ b/components/Icon/icons/IconAuthorisedApp.tsx @@ -0,0 +1,13 @@ +export const IconAuthorisedApp = () => { + return ( + + + + ); +}; From 35a6990f34af12b075437838eefcc31e5707295a Mon Sep 17 00:00:00 2001 From: Jacek Chmielewski Date: Thu, 2 Apr 2026 09:33:31 +0200 Subject: [PATCH 4/4] make MarkedSectionHeader description prop optional --- components/Icon/Icon.tsx | 2 +- components/Icon/icons/IconAliases.tsx | 5 ++++- components/Icon/icons/IconAuthorisedApp.tsx | 5 ++++- .../MarkedSectionHeader/MarkedSectionHeader.tsx | 14 +++++++++----- components/SectionSelect/SectionSelect.tsx | 2 +- 5 files changed, 19 insertions(+), 9 deletions(-) diff --git a/components/Icon/Icon.tsx b/components/Icon/Icon.tsx index 637e60d..5f17ccb 100644 --- a/components/Icon/Icon.tsx +++ b/components/Icon/Icon.tsx @@ -8,13 +8,13 @@ import { IconAccessSettings } from './icons/IconAccessSettings'; import { IconActivity } from './icons/IconActivity'; import { IconActivityNotes } from './icons/IconActivityNotes'; import { IconAddAlias } from './icons/IconAddAlias'; -import { IconAliases } from './icons/IconAliases'; import { IconAddDevice } from './icons/IconAddDevice'; import { IconAddGroup } from './icons/IconAddGroup'; import { IconAddLocation } from './icons/IconAddLocation'; import { IconAddRule } from './icons/IconAddRule'; import { IconAddToken } from './icons/IconAddToken'; import { IconAddUser } from './icons/IconAddUser'; +import { IconAliases } from './icons/IconAliases'; import { IconAndroid } from './icons/IconAndroid'; import { IconApple } from './icons/IconApple'; import { IconAppStore } from './icons/IconAppstore'; diff --git a/components/Icon/icons/IconAliases.tsx b/components/Icon/icons/IconAliases.tsx index 95275b8..1e68e1a 100644 --- a/components/Icon/icons/IconAliases.tsx +++ b/components/Icon/icons/IconAliases.tsx @@ -10,7 +10,10 @@ export const IconAliases = (props: SVGProps) => { fill="none" {...props} > - + ); }; diff --git a/components/Icon/icons/IconAuthorisedApp.tsx b/components/Icon/icons/IconAuthorisedApp.tsx index 481d873..d1994d0 100644 --- a/components/Icon/icons/IconAuthorisedApp.tsx +++ b/components/Icon/icons/IconAuthorisedApp.tsx @@ -7,7 +7,10 @@ export const IconAuthorisedApp = () => { viewBox="0 0 20 20" fill="none" > - + ); }; diff --git a/components/MarkedSectionHeader/MarkedSectionHeader.tsx b/components/MarkedSectionHeader/MarkedSectionHeader.tsx index 0b3de11..28987d7 100644 --- a/components/MarkedSectionHeader/MarkedSectionHeader.tsx +++ b/components/MarkedSectionHeader/MarkedSectionHeader.tsx @@ -4,7 +4,7 @@ import { SizedBox } from '../SizedBox/SizedBox'; type Props = { title: string; - description: string; + description?: string; }; export const MarkedSectionHeader = ({ description, title }: Props) => { @@ -13,10 +13,14 @@ export const MarkedSectionHeader = ({ description, title }: Props) => { {title} - - - {description} - + {description && ( + <> + + + {description} + + + )} ); diff --git a/components/SectionSelect/SectionSelect.tsx b/components/SectionSelect/SectionSelect.tsx index ad70016..93648fe 100644 --- a/components/SectionSelect/SectionSelect.tsx +++ b/components/SectionSelect/SectionSelect.tsx @@ -9,10 +9,10 @@ import { Icon } from '../Icon'; import { RadioIndicator } from '../RadioIndicator/RadioIndicator'; import behavior from './assets/behavior.png'; import certificateAuthority from './assets/certificate-authority.png'; +import certificates from './assets/certificates.png'; import customSettings from './assets/custom-settings.png'; import customization from './assets/customization.png'; import deviceClc from './assets/device-clc.png'; -import certificates from './assets/certificates.png'; import enrollment from './assets/enrollment.png'; import externalId from './assets/external-id.png'; import gatewayNotifications from './assets/gateway-notifications.png';