import * as React from "react"; import { Event, User } from "@repo/db"; import { Html, Button, render } from "@react-email/components"; import { Badge } from "@repo/shared-components"; import { EmailFooter } from "./EmailFooter"; const styles = ` * { box-sizing: border-box; } body { margin: 0; padding: 0; } a[x-apple-data-detectors] { color: inherit !important; text-decoration: inherit !important; } #MessageViewBody a { color: inherit; text-decoration: none; } p { line-height: inherit; } .desktop_hide, .desktop_hide table { mso-hide: all; display: none; max-height: 0px; overflow: hidden; } .image_block img + div { display: none; } sup, sub { font-size: 75%; line-height: 0; } .menu_block.desktop_hide .menu-links span { mso-hide: all; } @media (max-width: 700px) { .desktop_hide table.icons-inner { display: inline-block !important; } .icons-inner { text-align: center; } .icons-inner td { margin: 0 auto; } } `; const Template = ({ event, user }: { user: User; event: Event }) => (
Logo
Glückwunsch!
Du hast den Kurs {event.name} abgeschlossen!
{event.finishedBadges.map((badge) => ( ))}
Mit dem Abschluss von Kursen verdienst du dir nach und nach immer mehr Badges.
); export function renderCourseCompleted({ user, event }: { user: User; event: Event }) { return render(