diff --git a/docs/guides/examples/react-email.mdx b/docs/guides/examples/react-email.mdx index afd4060939..d85dd689dc 100644 --- a/docs/guides/examples/react-email.mdx +++ b/docs/guides/examples/react-email.mdx @@ -144,12 +144,13 @@ We recommend using our [Cursor rules](https://trigger.dev/changelog/cursor-rules #### The generated code -```tsx trigger/welcome.tsx +```tsx emails/trigger-welcome-email.tsx import { Body, - Button,reac + Button, Container, Head, + Heading, Hr, Html, Img, @@ -159,11 +160,13 @@ import { Text, } from "@react-email/components"; -const baseUrl = process.env.VERCEL_URL - ? `https://${process.env.VERCEL_URL}` - : ""; +const baseUrl = process.env.VERCEL_URL ? `https://${process.env.VERCEL_URL}` : ""; -export const TriggerDevWelcomeEmail = () => ( +export interface TriggerWelcomeEmailProps { + name: string; +} + +export const TriggerWelcomeEmail = ({ name }: TriggerWelcomeEmailProps) => ( Welcome to Trigger.dev - Your background jobs platform! @@ -177,13 +180,14 @@ export const TriggerDevWelcomeEmail = () => ( alt="Trigger.dev" />
+ Welcome, {name}! - Thanks for signing up for Trigger.dev! You're now ready to start - creating powerful background jobs and workflows. + Thanks for signing up for Trigger.dev! You're now ready to start creating powerful + background jobs and workflows. - You can monitor your jobs, view runs, and manage your projects right - from your dashboard. + You can monitor your jobs, view runs, and manage your projects right from your + dashboard.