stoat-for-desktop/components/auth/src/flows/MailProvider.tsx

134 lines
3.3 KiB
TypeScript

import { Show } from "solid-js";
import { Trans } from "@lingui-solid/solid/macro";
import { Button } from "@revolt/ui";
interface Props {
email?: string;
}
/**
* Convert email to provider
* @param email Email
* @returns Provider
*/
function mapMailProvider(email?: string): [string, string] | undefined {
if (!email) return;
const match = /@(.+)/.exec(email);
if (match === null) return;
const domain = match[1];
switch (domain) {
case "gmail.com":
case "googlemail.com":
return ["Gmail", "https://gmail.com"];
case "tuta.io":
return ["Tutanota", "https://mail.tutanota.com"];
case "outlook.com":
case "hotmail.com":
case "outlook.jp":
case "outlook.fr":
case "outlook.dk":
case "outlook.com.ar":
case "outlook.com.au":
case "outlook.at":
case "outlook.be":
case "outlook.com.br":
case "outlook.cl":
case "outlook.cz":
case "outlook.com.gr":
case "outlook.co.il":
case "outlook.in":
case "outlook.co.id":
case "outlook.ie":
case "outlook.it":
case "outlook.hu":
case "outlook.kr":
case "outlook.lv":
case "outlook.my":
case "outlook.co.nz":
case "outlook.com.pe":
case "outlook.ph":
case "outlook.pt":
case "outlook.sa":
case "outlook.sg":
case "outlook.sk":
case "outlook.es":
case "outlook.co.th":
case "outlook.com.tr":
case "outlook.com.vn":
return ["Outlook", "https://outlook.live.com"];
case "yahoo.com":
return ["Yahoo", "https://mail.yahoo.com"];
case "wp.pl":
return ["WP Poczta", "https://poczta.wp.pl"];
case "protonmail.com":
case "protonmail.ch":
case "pm.me":
return ["ProtonMail", "https://mail.protonmail.com"];
case "seznam.cz":
case "email.cz":
case "post.cz":
return ["Seznam", "https://email.seznam.cz"];
case "zoho.com":
return ["Zoho Mail", "https://mail.zoho.com/zm/"];
case "aol.com":
case "aim.com":
return ["AOL Mail", "https://mail.aol.com/"];
case "icloud.com":
return ["iCloud Mail", "https://mail.icloud.com/"];
case "mail.com":
case "email.com":
return ["mail.com", "https://www.mail.com/mail/"];
case "yandex.ru":
case "yandex.by":
case "yandex.ua":
case "yandex.com":
return ["Yandex Mail", "https://mail.yandex.com/"];
case "hey.com":
return ["HEY", "https://app.hey.com/"];
case "mail.ru":
case "bk.ru":
case "inbox.ru":
case "list.ru":
case "internet.ru":
return ["Mail.ru", "https://mail.ru/"];
case "rambler.ru":
case "lenta.ru":
case "autorambler.ru":
case "myrambler.ru":
case "ro.ru":
case "rambler.ua":
return ["Rambler", "https://rambler.ru/"];
case "revolt.chat":
case "revolt.wtf":
case "stoat.chat":
return ["Stoat Mail", "https://webmail.revolt.wtf"];
default:
return [domain, `https://${domain}`];
}
}
/**
* Provide button to navigate to email provider
*/
export function MailProvider(props: Props) {
/**
* Convert email to provider
* @returns Provider
*/
const provider = () => mapMailProvider(props.email);
return (
<Show when={provider()}>
<a href={provider()![1]} target="_blank" rel="noreferrer">
<Button>
<Trans>Open {provider()![0]}</Trans>
</Button>
</a>
</Show>
);
}