diff --git a/src/app/views/templates/MrfWorkflowCompletionEmail.tsx b/src/app/views/templates/MrfWorkflowCompletionEmail.tsx index 4488ab32fc..086b66cb89 100644 --- a/src/app/views/templates/MrfWorkflowCompletionEmail.tsx +++ b/src/app/views/templates/MrfWorkflowCompletionEmail.tsx @@ -6,6 +6,7 @@ import { Hr, Html, Img, + Preview, Section, Text, } from '@react-email/components' @@ -45,9 +46,14 @@ export const MrfWorkflowCompletionEmail = ({ formQuestionAnswers = [], outcome }: WorkflowEmailData): JSX.Element => { + const previewText = outcome + ? `The outcome for ${formTitle}.` + : `${formTitle} has been completed by all respondents.` + return ( + {previewText}
@@ -62,7 +68,7 @@ export const MrfWorkflowCompletionEmail = ({ { outcome ? <> Outcome - {outcome} + {outcome} : null }
diff --git a/src/app/views/templates/styles.ts b/src/app/views/templates/styles.ts index 38b571af88..875a31db62 100644 --- a/src/app/views/templates/styles.ts +++ b/src/app/views/templates/styles.ts @@ -83,13 +83,13 @@ const textStyles = { } export const mainStyle = { - fontFamily: - "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif", + fontFamily: 'sans-serif', backgroundColor: '#f8f9fd', } export const containerStyle = { - maxWidth: '988px', + maxWidth: '100%', + width: '720px', margin: 'auto', padding: '20px', } @@ -101,7 +101,7 @@ export const sectionStyle = { export const headingTextStyle: NonNullable = { ...textStyles['h4'], - color: '#1B1F2C', + color: '#2C2E34', fontWeight: 600, lineHeight: '2rem', fontSize: '1.5rem', @@ -109,12 +109,12 @@ export const headingTextStyle: NonNullable = { export const outcomeTextStyle: NonNullable = { ...textStyles['h5'], - color: '#000000', + color: '#2C2E34', } export const titleTextStyle: NonNullable = { ...textStyles['body-1'], - color: '#000000', + color: '#2C2E34', fontWeight: 700, }