diff --git a/frontend/src/lib/components/AppConnect.svelte b/frontend/src/lib/components/AppConnect.svelte index 81c9ae00d1..596dc5771f 100644 --- a/frontend/src/lib/components/AppConnect.svelte +++ b/frontend/src/lib/components/AppConnect.svelte @@ -1,18 +1,36 @@ @@ -34,7 +52,7 @@ let value: string = '' let valueToken: TokenResponse let connects: Record }> = {} - let connectsManual: [string, { img?: string; instructions: string; key?: string }][] = [] + let connectsManual: [string, { img?: string; instructions: string[]; key?: string }][] = [] let key: string = 'token' $: key = apiTokenApps[resource_type]?.key ?? 'token' @@ -290,8 +308,14 @@ {:else if step == 2} {#if manual}
Instructions
-
- {apiTokenApps[resource_type].instructions} +
+
    + {#each apiTokenApps[resource_type].instructions as step} +
  1. + {@html step} +
    2. + {/each} +
{#if apiTokenApps[resource_type].img}
diff --git a/frontend/src/lib/components/IconedResourceType.svelte b/frontend/src/lib/components/IconedResourceType.svelte index 7552e55e65..766d9f9d04 100644 --- a/frontend/src/lib/components/IconedResourceType.svelte +++ b/frontend/src/lib/components/IconedResourceType.svelte @@ -1,24 +1,5 @@ + + + + + + + + + + \ No newline at end of file diff --git a/frontend/src/lib/components/icons/index.ts b/frontend/src/lib/components/icons/index.ts new file mode 100644 index 0000000000..b2004c96a0 --- /dev/null +++ b/frontend/src/lib/components/icons/index.ts @@ -0,0 +1,70 @@ +import AirtableIcon from './AirtableIcon.svelte' +import DbIcon from './DbIcon.svelte' +import DiscordIcon from './DiscordIcon.svelte' +import GcalIcon from './GcalIcon.svelte' +import GCloudIcon from './GCloudIcon.svelte' +import GdriveIcon from './GdriveIcon.svelte' +import GithubIcon from './GithubIcon.svelte' +import GitlabIcon from './GItlabIcon.svelte' +import GmailIcon from './GmailIcon.svelte' +import GSheetsIcon from './GSheetsIcon.svelte' +import HttpIcon from './HttpIcon.svelte' +import Mail from './Mail.svelte' +import MastodonIcon from './MastodonIcon.svelte' +import MatrixIcon from './MatrixIcon.svelte' +import Mysql from './Mysql.svelte' +import PostgresIcon from './PostgresIcon.svelte' +import S3Icon from './S3Icon.svelte' +import Slack from './Slack.svelte' +import TogglIcon from './TogglIcon.svelte' +import WindmillIcon from './WindmillIcon.svelte' +import MailchimpIcon from './MailchimpIcon.svelte' + +export const APP_TO_ICON_COMPONENT = { + postgresql: PostgresIcon, + mysql: Mysql, + smtp: Mail, + mongodb: DbIcon, + slack: Slack, + github: GithubIcon, + gmail: GmailIcon, + gsheets: GSheetsIcon, + gitlab: GitlabIcon, + gcloud: GCloudIcon, + gcal: GcalIcon, + gdrive: GdriveIcon, + airtable: AirtableIcon, + toggl: TogglIcon, + s3: S3Icon, + discord: DiscordIcon, + discord_webhook: DiscordIcon, + mastodon: MastodonIcon, + matrix: MatrixIcon, + windmill: WindmillIcon, + http: HttpIcon, + mailchimp: MailchimpIcon +} as const + +export { + AirtableIcon, + DbIcon, + DiscordIcon, + GcalIcon, + GCloudIcon, + GdriveIcon, + GithubIcon, + GitlabIcon, + GmailIcon, + GSheetsIcon, + HttpIcon, + Mail, + MastodonIcon, + MatrixIcon, + Mysql, + PostgresIcon, + S3Icon, + Slack, + TogglIcon, + WindmillIcon, + MailchimpIcon, +} \ No newline at end of file diff --git a/frontend/static/mailchimp_connect.png b/frontend/static/mailchimp_connect.png new file mode 100644 index 0000000000..60fcffb760 Binary files /dev/null and b/frontend/static/mailchimp_connect.png differ