diff --git a/frontend/public/providers/aol.svg b/frontend/public/providers/aol.svg new file mode 100644 index 0000000..f840baf --- /dev/null +++ b/frontend/public/providers/aol.svg @@ -0,0 +1,5 @@ + + + aol + + diff --git a/frontend/public/providers/freenet.svg b/frontend/public/providers/freenet.svg new file mode 100644 index 0000000..b6cfb99 --- /dev/null +++ b/frontend/public/providers/freenet.svg @@ -0,0 +1,4 @@ + + + freenet + diff --git a/frontend/public/providers/gmail.svg b/frontend/public/providers/gmail.svg new file mode 100644 index 0000000..c366e71 --- /dev/null +++ b/frontend/public/providers/gmail.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/frontend/public/providers/gmx.svg b/frontend/public/providers/gmx.svg new file mode 100644 index 0000000..a08aa47 --- /dev/null +++ b/frontend/public/providers/gmx.svg @@ -0,0 +1,4 @@ + + + GMX + diff --git a/frontend/public/providers/icloud.svg b/frontend/public/providers/icloud.svg new file mode 100644 index 0000000..0865694 --- /dev/null +++ b/frontend/public/providers/icloud.svg @@ -0,0 +1,6 @@ + + + + + diff --git a/frontend/public/providers/ionos.svg b/frontend/public/providers/ionos.svg new file mode 100644 index 0000000..fbf01f4 --- /dev/null +++ b/frontend/public/providers/ionos.svg @@ -0,0 +1,5 @@ + + + 1&1 + IONOS + diff --git a/frontend/public/providers/outlook.svg b/frontend/public/providers/outlook.svg new file mode 100644 index 0000000..938b1f1 --- /dev/null +++ b/frontend/public/providers/outlook.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/frontend/public/providers/posteo.svg b/frontend/public/providers/posteo.svg new file mode 100644 index 0000000..c42bae4 --- /dev/null +++ b/frontend/public/providers/posteo.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/frontend/public/providers/tonline.svg b/frontend/public/providers/tonline.svg new file mode 100644 index 0000000..cf73cf1 --- /dev/null +++ b/frontend/public/providers/tonline.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/frontend/public/providers/webde.svg b/frontend/public/providers/webde.svg new file mode 100644 index 0000000..7baa7a1 --- /dev/null +++ b/frontend/public/providers/webde.svg @@ -0,0 +1,4 @@ + + + WEB.DE + diff --git a/frontend/public/providers/yahoo.svg b/frontend/public/providers/yahoo.svg new file mode 100644 index 0000000..24a0f86 --- /dev/null +++ b/frontend/public/providers/yahoo.svg @@ -0,0 +1,5 @@ + + + + Y! + diff --git a/frontend/src/components/ProviderWizard.tsx b/frontend/src/components/ProviderWizard.tsx index 1d4504f..eaa1305 100644 --- a/frontend/src/components/ProviderWizard.tsx +++ b/frontend/src/components/ProviderWizard.tsx @@ -6,7 +6,7 @@ import { ChevronRight, Mail, ArrowLeft } from 'lucide-react'; interface ProviderPreset { id: string; name: string; - icon: string; + logo: string; domains: string[]; imap_ssl?: { host: string; port: number } | null; pop3_ssl?: { host: string; port: number } | null; @@ -30,7 +30,7 @@ const PROVIDERS: ProviderPreset[] = [ { id: 'gmail', name: 'Gmail', - icon: '📧', + logo: '/providers/gmail.svg', domains: ['gmail.com', 'googlemail.com'], imap_ssl: { host: 'imap.gmail.com', port: 993 }, pop3_ssl: { host: 'pop.gmail.com', port: 995 }, @@ -39,7 +39,7 @@ const PROVIDERS: ProviderPreset[] = [ { id: 'gmx', name: 'GMX', - icon: '📮', + logo: '/providers/gmx.svg', domains: ['gmx.de', 'gmx.net', 'gmx.at', 'gmx.ch', 'gmx.com'], imap_ssl: { host: 'imap.gmx.net', port: 993 }, pop3_ssl: { host: 'pop.gmx.net', port: 995 }, @@ -48,7 +48,7 @@ const PROVIDERS: ProviderPreset[] = [ { id: 'webde', name: 'WEB.DE', - icon: '📬', + logo: '/providers/webde.svg', domains: ['web.de'], imap_ssl: { host: 'imap.web.de', port: 993 }, pop3_ssl: { host: 'pop3.web.de', port: 995 }, @@ -57,7 +57,7 @@ const PROVIDERS: ProviderPreset[] = [ { id: 'outlook', name: 'Outlook / Hotmail', - icon: '📨', + logo: '/providers/outlook.svg', domains: ['outlook.com', 'hotmail.com', 'live.com', 'msn.com', 'outlook.de'], imap_ssl: { host: 'outlook.office365.com', port: 993 }, pop3_ssl: { host: 'outlook.office365.com', port: 995 }, @@ -66,7 +66,7 @@ const PROVIDERS: ProviderPreset[] = [ { id: 'yahoo', name: 'Yahoo Mail', - icon: '💌', + logo: '/providers/yahoo.svg', domains: ['yahoo.com', 'yahoo.de', 'yahoo.co.uk', 'ymail.com'], imap_ssl: { host: 'imap.mail.yahoo.com', port: 993 }, pop3_ssl: { host: 'pop.mail.yahoo.com', port: 995 }, @@ -75,7 +75,7 @@ const PROVIDERS: ProviderPreset[] = [ { id: 'aol', name: 'AOL Mail', - icon: '📪', + logo: '/providers/aol.svg', domains: ['aol.com', 'aim.com'], imap_ssl: { host: 'imap.aol.com', port: 993 }, pop3_ssl: { host: 'pop.aol.com', port: 995 }, @@ -84,7 +84,7 @@ const PROVIDERS: ProviderPreset[] = [ { id: 'tonline', name: 'T-Online', - icon: '🇩🇪', + logo: '/providers/tonline.svg', domains: ['t-online.de'], imap_ssl: { host: 'secureimap.t-online.de', port: 993 }, pop3_ssl: { host: 'securepop.t-online.de', port: 995 }, @@ -93,7 +93,7 @@ const PROVIDERS: ProviderPreset[] = [ { id: 'ionos', name: '1&1 / IONOS', - icon: '🌐', + logo: '/providers/ionos.svg', domains: ['online.de', 'onlinehome.de', '1und1.de'], imap_ssl: { host: 'imap.ionos.de', port: 993 }, pop3_ssl: { host: 'pop.ionos.de', port: 995 }, @@ -102,7 +102,7 @@ const PROVIDERS: ProviderPreset[] = [ { id: 'freenet', name: 'Freenet', - icon: '📫', + logo: '/providers/freenet.svg', domains: ['freenet.de'], imap_ssl: { host: 'mx.freenet.de', port: 993 }, pop3_ssl: { host: 'mx.freenet.de', port: 995 }, @@ -111,7 +111,7 @@ const PROVIDERS: ProviderPreset[] = [ { id: 'icloud', name: 'iCloud Mail', - icon: '☁️', + logo: '/providers/icloud.svg', domains: ['icloud.com', 'me.com', 'mac.com'], imap_ssl: { host: 'imap.mail.me.com', port: 993 }, pop3_ssl: null, @@ -120,7 +120,7 @@ const PROVIDERS: ProviderPreset[] = [ { id: 'posteo', name: 'Posteo', - icon: '🌿', + logo: '/providers/posteo.svg', domains: ['posteo.de', 'posteo.net'], imap_ssl: { host: 'posteo.de', port: 993 }, pop3_ssl: null, @@ -171,8 +171,9 @@ export function ProviderWizard({ onSelect, onManual }: ProviderWizardProps) {
-

- {selectedProvider.icon} {selectedProvider.name} +

+ {selectedProvider.name} + {selectedProvider.name}

Domains: {selectedProvider.domains.join(', ')} @@ -247,7 +248,11 @@ export function ProviderWizard({ onSelect, onManual }: ProviderWizardProps) { onClick={() => handleProviderClick(provider)} className="flex items-center gap-2 p-3 rounded-lg border border-gray-200 hover:border-blue-300 hover:bg-blue-50 transition-colors text-left" > - {provider.icon} + {provider.name}

{provider.name}