From 546d484a9a53cc28b546f77a5a86e60e7e8a03f3 Mon Sep 17 00:00:00 2001 From: Marcus Farrell Date: Tue, 18 Nov 2025 20:46:31 -0800 Subject: [PATCH 1/5] Add program payout thank you email template Introduces a new React email template for thanking programs after making a payout to partners. The template displays the program name, payout amount, number of partners, and includes a link to view invoices. --- .../src/templates/program-payout-thankyou.tsx | 119 ++++++++++++++++++ 1 file changed, 119 insertions(+) create mode 100644 packages/email/src/templates/program-payout-thankyou.tsx diff --git a/packages/email/src/templates/program-payout-thankyou.tsx b/packages/email/src/templates/program-payout-thankyou.tsx new file mode 100644 index 00000000000..f6ca9a2f0d3 --- /dev/null +++ b/packages/email/src/templates/program-payout-thankyou.tsx @@ -0,0 +1,119 @@ +import { currencyFormatter, pluralize } from "@dub/utils"; +import { + Body, + Container, + Head, + Heading, + Html, + Img, + Link, + Preview, + Section, + Tailwind, + Text, +} from "@react-email/components"; +import { Footer } from "../components/footer"; + +export default function ProgramPayoutThankYou({ + email = "panic@thedis.co", + workspace = { + slug: "acme", + }, + program = { + name: "Acme", + }, + payout = { + amount: 450000000, + partnersCount: 12, + }, +}: { + email: string; + workspace: { + slug: string; + }; + program: { + name: string; + }; + payout: { + amount: number; // in cents + partnersCount: number; + }; +}) { + const formattedAmount = currencyFormatter(payout.amount, { + minimumFractionDigits: 0, + maximumFractionDigits: 0, + }); + + return ( + + + + + + + Thank you {program.name} for your payout to {payout.partnersCount}{" "} + {pluralize("partner", payout.partnersCount)}! + + + + +

+ + + Thank you {program.name} +
+ for your payout to {payout.partnersCount}{" "} + {pluralize("partner", payout.partnersCount)}! + + +

+ + {formattedAmount} + +

+ +

+ + View your invoices + +

+ +

+ + + + + ); +} From 8ffdf9a991ecf95f67ff6923d1e11c3c7a735692 Mon Sep 17 00:00:00 2001 From: Steven Tey Date: Tue, 18 Nov 2025 22:58:47 -0800 Subject: [PATCH 2/5] rename file --- ...{program-payout-thankyou.tsx => program-payout-thank-you.tsx} | 1 - 1 file changed, 1 deletion(-) rename packages/email/src/templates/{program-payout-thankyou.tsx => program-payout-thank-you.tsx} (99%) diff --git a/packages/email/src/templates/program-payout-thankyou.tsx b/packages/email/src/templates/program-payout-thank-you.tsx similarity index 99% rename from packages/email/src/templates/program-payout-thankyou.tsx rename to packages/email/src/templates/program-payout-thank-you.tsx index f6ca9a2f0d3..e33a18f2bd6 100644 --- a/packages/email/src/templates/program-payout-thankyou.tsx +++ b/packages/email/src/templates/program-payout-thank-you.tsx @@ -45,7 +45,6 @@ export default function ProgramPayoutThankYou({ }); return ( - - Thank you {program.name} for your payout to {payout.partnersCount}{" "} + Thank you {program.name} for your payout to{" "} + {payout.partnersCount.toString()}{" "} {pluralize("partner", payout.partnersCount)}! @@ -82,7 +83,7 @@ export default function ProgramPayoutThankYou({ Thank you {program.name}
- for your payout to {payout.partnersCount}{" "} + for your payout to {payout.partnersCount.toString()}{" "} {pluralize("partner", payout.partnersCount)}!