diff --git a/components/Icon/Icon.tsx b/components/Icon/Icon.tsx index 06e1bc7..c156123 100644 --- a/components/Icon/Icon.tsx +++ b/components/Icon/Icon.tsx @@ -47,6 +47,7 @@ import { IconEnrollment } from './icons/IconEnrollment'; import { IconEnter } from './icons/IconEnter'; import { IconExternalMfa } from './icons/IconExternalMFA'; import { IconFile } from './icons/IconFile'; +import { IconFileAdd } from './icons/IconFileAdd'; import { IconFiltration } from './icons/IconFiltration'; import { IconGlobe } from './icons/IconGlobe'; import { IconGroups } from './icons/IconGroups'; @@ -255,6 +256,8 @@ export const Icon = ({ return IconClose; case 'file': return IconFile; + case 'file-add': + return IconFileAdd; case 'globe': return IconGlobe; case 'help': diff --git a/components/Icon/icon-types.ts b/components/Icon/icon-types.ts index d4bb280..c20baa6 100644 --- a/components/Icon/icon-types.ts +++ b/components/Icon/icon-types.ts @@ -71,6 +71,7 @@ export const IconKind = { AddUser: 'add-user', QR: 'qr', File: 'file', + FileAdd: 'file-add', LocationTracking: 'location-tracking', Config: 'config', Gift: 'gift', diff --git a/components/Icon/icons/IconFileAdd.tsx b/components/Icon/icons/IconFileAdd.tsx new file mode 100644 index 0000000..7c92896 --- /dev/null +++ b/components/Icon/icons/IconFileAdd.tsx @@ -0,0 +1,19 @@ +import type { SVGProps } from 'react'; + +export const IconFileAdd = (props: SVGProps) => { + return ( + + + + ); +}; diff --git a/components/SectionSelect/SectionSelect.tsx b/components/SectionSelect/SectionSelect.tsx index 95c8bd9..2b57b78 100644 --- a/components/SectionSelect/SectionSelect.tsx +++ b/components/SectionSelect/SectionSelect.tsx @@ -13,6 +13,7 @@ import deviceClc from './assets/device-clc.png'; import gatewayNotifications from './assets/gateway-notifications.png'; import integrations from './assets/integrations.png'; import location from './assets/location.png'; +import logstash from './assets/logstash.png'; import manualSetup from './assets/manual-setup.png'; import manualUser from './assets/manual-user.png'; import providers from './assets/providers.png'; @@ -23,6 +24,7 @@ import serviceLocation from './assets/service-location.png'; import smtp from './assets/smtp.png'; import tokenChat from './assets/token-chat.png'; import tokenEmail from './assets/token-email.png'; +import vector from './assets/vector.png'; import wireguardDevice from './assets/wireguard-device.png'; import type { SectionSelectImageValue } from './types'; @@ -85,6 +87,10 @@ export const SectionSelect = ({ return serviceLocation; case 'location': return location; + case 'logstash': + return logstash; + case 'vector': + return vector; } }, [image]); diff --git a/components/SectionSelect/assets/logstash.png b/components/SectionSelect/assets/logstash.png new file mode 100644 index 0000000..ec82f05 Binary files /dev/null and b/components/SectionSelect/assets/logstash.png differ diff --git a/components/SectionSelect/assets/vector.png b/components/SectionSelect/assets/vector.png new file mode 100644 index 0000000..119198b Binary files /dev/null and b/components/SectionSelect/assets/vector.png differ diff --git a/components/SectionSelect/types.ts b/components/SectionSelect/types.ts index 70cb2fb..e83c250 100644 --- a/components/SectionSelect/types.ts +++ b/components/SectionSelect/types.ts @@ -17,6 +17,8 @@ const SectionSelectImage = { Location: 'location', ServiceLocation: 'service-location', ProxyManagement: 'proxy-management', + Logstash: 'logstash', + Vector: 'vector', } as const; export type SectionSelectImageValue =