mirror of
https://github.com/sourcebot-dev/sourcebot.git
synced 2025-12-18 23:35:25 +00:00
66 lines
2 KiB
TypeScript
66 lines
2 KiB
TypeScript
import {
|
|
Body,
|
|
Container,
|
|
Img,
|
|
Link,
|
|
Preview,
|
|
Section,
|
|
Tailwind,
|
|
Text,
|
|
} from '@react-email/components';
|
|
import { EmailFooter } from './emailFooter';
|
|
|
|
interface MagicLinkEmailProps {
|
|
magicLink: string,
|
|
baseUrl: string,
|
|
}
|
|
|
|
export const MagicLinkEmail = ({
|
|
magicLink: url,
|
|
baseUrl: baseUrl,
|
|
}: MagicLinkEmailProps) => (
|
|
<Tailwind>
|
|
<Preview>Log in to Sourcebot</Preview>
|
|
<Body className="bg-white my-auto mx-auto font-sans px-2">
|
|
<Container className="border border-solid border-[#eaeaea] rounded my-[40px] mx-auto p-[20px] max-w-[465px]">
|
|
<Section className="mt-[32px]">
|
|
<Img
|
|
src={`${baseUrl}/sb_logo_light_large.png`}
|
|
height="60"
|
|
width="auto"
|
|
alt="Sourcebot Logo"
|
|
className="my-0 mx-auto"
|
|
/>
|
|
</Section>
|
|
<Text className="text-black text-[14px] leading-[24px]">
|
|
Hello,
|
|
</Text>
|
|
<Text className="text-black text-[14px] leading-[24px]">
|
|
You can log in to your Sourcebot account by clicking the link below.
|
|
</Text>
|
|
<Link
|
|
href={url}
|
|
className="text-blue-600 no-underline"
|
|
target="_blank"
|
|
style={{
|
|
display: 'block',
|
|
marginBottom: '16px',
|
|
}}
|
|
>
|
|
Click here to log in
|
|
</Link>
|
|
<Text className="text-black text-[14px] leading-[24px]">
|
|
If you didn't try to login, you can safely ignore this email.
|
|
</Text>
|
|
<EmailFooter />
|
|
</Container>
|
|
</Body>
|
|
</Tailwind>
|
|
)
|
|
|
|
MagicLinkEmail.PreviewProps = {
|
|
magicLink: 'https://example.com/login',
|
|
baseUrl: 'http://localhost:3000',
|
|
} as MagicLinkEmailProps;
|
|
|
|
export default MagicLinkEmail;
|