diff --git a/src/routes/console/project-[project]/messaging/providers/settingsFormList.svelte b/src/routes/console/project-[project]/messaging/providers/settingsFormList.svelte index 470a3beb1..582ce00c0 100644 --- a/src/routes/console/project-[project]/messaging/providers/settingsFormList.svelte +++ b/src/routes/console/project-[project]/messaging/providers/settingsFormList.svelte @@ -10,6 +10,7 @@ InputText, InputPassword } from '$lib/elements/forms'; + import InputCheckbox from '$lib/elements/forms/inputCheckbox.svelte'; import PopoverContent from './popoverContent.svelte'; import type { ProviderInput, @@ -122,6 +123,12 @@ {input.description} + {:else if input.type === 'checkbox'} + + + {input.description} + + {:else if input.type === 'select'} ([ export type ProviderInput = { label: string; name: string; - type: 'text' | 'password' | 'phone' | 'email' | 'domain' | 'file' | 'switch' | 'select'; + type: + | 'text' + | 'password' + | 'phone' + | 'email' + | 'domain' + | 'file' + | 'switch' + | 'select' + | 'checkbox'; placeholder?: string; description?: string; popover?: string[]; @@ -311,7 +320,7 @@ export const providers: ProvidersMap = { label: 'Server host', name: 'host', type: 'text', - placeholder: 'Enter host' + placeholder: 'smtp.server.com' }, { label: 'Server port', @@ -347,8 +356,8 @@ export const providers: ProvidersMap = { { label: 'Auto TLS', name: 'autoTLS', - description: 'Automatically uses TLS encryption', - type: 'switch', + description: 'Automatically uses TLS encryption if available.', + type: 'checkbox', optional: true }, { @@ -356,7 +365,11 @@ export const providers: ProvidersMap = { name: 'mailer', type: 'text', optional: true, - placeholder: 'Enter mailer' + placeholder: 'Enter mailer', + popover: [ + 'What is the Mailer?', + 'The value to use for the X-Mailer header.' + ] } ] }