officerdev/platform
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UserIvite

Browse Source
This commit is contained in:
pastilhas
2026-02-25 04:50:47 +00:00
parent 084dd22d57
commit 0720f25ed5
1 changed files with 20 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/workspaces/emailer/emails/UserInvite.tsx
+15 -5
View File
@@ -1,5 +1,4 @@
import Layout from './layouts/MainLayout.jsx'; import { Body, Html, Head, Container, Img, Tailwind } from '@react-email/components';
import { Container } from '@react-email/components';
import { Text, Button } from '@react-email/components'; import { Text, Button } from '@react-email/components';
type EmailProps = { type EmailProps = {
@@ -9,14 +8,25 @@ type EmailProps = {
const Email = ({ invitedBy, url }: EmailProps) => { const Email = ({ invitedBy, url }: EmailProps) => {
return ( return (
<Layout> <Html>
<Container> <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 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>You have been invited by {invitedBy || '<invitedBy>'} to join officer.dev.</Text>
<Text>Click the button below to set up your account.</Text> <Text>Click the button below to set up your account.</Text>
<Button href={url || 'https://example.com'}>Accept Invitation</Button> <Button href={url || 'https://example.com'}>Accept Invitation</Button>
</Container> </Container>
</Layout> </Body>
</Tailwind>
</Html>
); );
}; };