UserIvite
This commit is contained in:
@@ -1,5 +1,4 @@
|
||||
import Layout from './layouts/MainLayout.jsx';
|
||||
import { Container } from '@react-email/components';
|
||||
import { Body, Html, Head, Container, Img, Tailwind } from '@react-email/components';
|
||||
import { Text, Button } from '@react-email/components';
|
||||
|
||||
type EmailProps = {
|
||||
@@ -9,14 +8,25 @@ type EmailProps = {
|
||||
|
||||
const Email = ({ invitedBy, url }: EmailProps) => {
|
||||
return (
|
||||
<Layout>
|
||||
<Container>
|
||||
<Text className="pt-4 text-2xl">You're invited to officer.dev</Text>
|
||||
<Text>You have been invited by {invitedBy || '<invitedBy>'} to join officer.dev.</Text>
|
||||
<Text>Click the button below to set up your account.</Text>
|
||||
<Button href={url || 'https://example.com'}>Accept Invitation</Button>
|
||||
</Container>
|
||||
</Layout>
|
||||
<Html>
|
||||
<Head />
|
||||
<Tailwind>
|
||||
<Body className="mx-auto my-12 bg-white font-sans">
|
||||
<Container className="rounded-lg bg-white p-8 shadow-lg">
|
||||
<Img
|
||||
className="mx-auto block"
|
||||
src="https://static.officer.dev/og-image.png"
|
||||
width="480"
|
||||
alt="officer.dev"
|
||||
/>
|
||||
<Text className="pt-4 text-2xl">You're invited to officer.dev</Text>
|
||||
<Text>You have been invited by {invitedBy || '<invitedBy>'} to join officer.dev.</Text>
|
||||
<Text>Click the button below to set up your account.</Text>
|
||||
<Button href={url || 'https://example.com'}>Accept Invitation</Button>
|
||||
</Container>
|
||||
</Body>
|
||||
</Tailwind>
|
||||
</Html>
|
||||
);
|
||||
};
|
||||
|
||||
|
||||
Reference in New Issue
Block a user