Support custom previews

CarsonF · CarsonF · commit 97686a76945d · 2025-07-03T10:00:24.000-05:00
And ensure when these previews are used that
no email body is appended
diff --git a/src/core/email/templates/base.tsx b/src/core/email/templates/base.tsx
@@ -10,26 +10,43 @@ import {
   Image,
   InText,
   Mjml,
+  Preview,
   Raw,
   Section,
   Style,
   Text,
   Title,
   Wrapper,
 } from '@seedcompany/nestjs-email/templates';
-import type { ComponentProps, ReactElement, ReactNode } from 'react';
+import {
+  type ComponentProps,
+  Fragment,
+  type ReactElement,
+  type ReactNode,
+} from 'react';
 import { useFrontendUrl } from './frontend-url';
 
 export const EmailTemplate = ({
   title,
+  preview,
   children,
 }: {
   title: string;
+  preview?: ReactNode;
   children: ReactNode;
 }) => (
   <Mjml lang="en">
     <Head>
       <Title>{`${title} - CORD Field`}</Title>
+      {preview != null && (
+        <Preview>
+          {preview}
+          {/* Fill the remaining space with nothing-ness so the email context is avoided */}
+          {[...Array(140).keys()].map((i) => (
+            <Fragment key={i}>&#847;&zwnj;&nbsp;</Fragment>
+          ))}
+        </Preview>
+      )}
       <Theme />
       <Style
         inline
