| 16 | } |
| 17 | |
| 18 | export const MagicLinkEmail = ({ |
| 19 | token, |
| 20 | }: MagicLinkEmailProps) => ( |
| 21 | <Html> |
| 22 | <Head /> |
| 23 | <Preview>Use this code {token} to log in to Sourcebot</Preview> |
| 24 | <Tailwind> |
| 25 | <Body className="bg-white font-sans m-0 p-0"> |
| 26 | <Container className="mx-auto max-w-[600px] p-6"> |
| 27 | <Section className="mb-4"> |
| 28 | <Img |
| 29 | src={SOURCEBOT_LOGO_LIGHT_LARGE_URL} |
| 30 | alt="Sourcebot Logo" |
| 31 | width="auto" |
| 32 | height="40" |
| 33 | className="mx-0" |
| 34 | /> |
| 35 | </Section> |
| 36 | |
| 37 | <Section className="mb-4"> |
| 38 | <Text className="text-base text-black"> |
| 39 | Use the code below to log in to Sourcebot. |
| 40 | </Text> |
| 41 | </Section> |
| 42 | |
| 43 | <Section className="bg-[#f4f7fa] py-4 px-2 rounded mb-4 text-center"> |
| 44 | <Text className="text-xl font-bold text-black tracking-[0.5em]"> |
| 45 | {token} |
| 46 | </Text> |
| 47 | </Section> |
| 48 | |
| 49 | <Section> |
| 50 | <Text className="text-sm text-gray-600 leading-6"> |
| 51 | This code is only valid for the next 10 minutes. If you didn't try to log in, |
| 52 | you can safely ignore this email. |
| 53 | </Text> |
| 54 | </Section> |
| 55 | </Container> |
| 56 | </Body> |
| 57 | </Tailwind> |
| 58 | </Html> |
| 59 | ); |
| 60 | |
| 61 | MagicLinkEmail.PreviewProps = { |
| 62 | token: '123456', |