15d5333cf6
* Init Maizzle * Initial template JSX conversion and testing * WIP * WIP * WIP * WIP * WIP * Migrated AttendeeRescheduledEmail * WIP * WIP * DRY * Cleanup * Cleanup * Cleanup * Migrate feedback email * Migrates ForgotPasswordEmail * Migrates OrganizerCancelledEmail * Migrated OrganizerLocationChangeEmail * Formatting * Migrated AttendeeRequestRescheduledEmail * Migrates OrganizerPaymentRefundFailedEmail * Migrates OrganizerRequestEmail * Migrates OrganizerRequestReminderEmail * Fixes type-check * Moved email-manager to package * Import fixes * Removed duplicate email code from vital app * Removed duplicate email code from wipemycal * Build/type fixes * Fixes web email imports * Fixes build * Embed build fixes * Update AttendeeAwaitingPaymentEmail.tsx * Update default-cookies.ts * Revert "Embed build fixes" This reverts commit 8d693e99aca6dfe92d5cbb27ffa962545c3e9389. * Embed build fixes # Conflicts: # packages/embeds/embed-core/package.json * dep and email date fixes * Update attendee-scheduled-email.ts * Update package.json * Update [...nextauth].tsx * Update email.ts * Prevents /api/email on production builds Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
25 lines
672 B
Markdown
25 lines
672 B
Markdown
# JSX email templates
|
|
|
|
- `components` Holds reusable patterns
|
|
- `templates` A template equals a type of email sent
|
|
|
|
## Usage
|
|
|
|
```ts
|
|
import { renderEmail } from "@calcom/emails";
|
|
|
|
renderEmail("TeamInviteEmail", */{
|
|
language: t,
|
|
from: "teampro@example.com",
|
|
to: "pro@example.com",
|
|
teamName: "Team Pro",
|
|
joinLink: "https://cal.com",
|
|
});
|
|
```
|
|
|
|
The first argument is the template name as defined inside `templates/index.ts`. The second argument are the template props.
|
|
|
|
## Development
|
|
|
|
You can use an API endpoint to preview the email HTML, there's already one on `/apps/web/pages/api/email.ts` feel free to change the template to the one you're currently working on.
|