fixup! fixup! Add plaintext version of Plus expiration email

mozilla · Feb 5, 2025 · 111ab5d · 111ab5d
1 parent 4f1be77
commit 111ab5d
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 5 deletions.
diff --git a/locales-pending/emails-all.ftl b/locales-pending/emails-all.ftl
@@ -104,3 +104,7 @@ email-monthly-report-hero-free-no-breaches-heading = Great news!
 email-monthly-report-hero-free-no-breaches-body = { -brand-monitor } didn’t find any data exposures to be resolved.
 email-monthly-report-hero-free-no-breaches-cta = View your dashboard
 email-unsubscribe-link = <link_to_unsub>Unsubscribe from this email</link_to_unsub> anytime.
+# Variables:
+#   $unsub_link (string) - URL to the unsubscribe page, e.g. "https://monitor.mozilla.org/unsubscribe-email/...".
+email-unsubscribe-link-plain = Unsubscribe from this email anytime:
+{ $unsub_link }
diff --git a/src/emails/components/EmailFooter.tsx b/src/emails/components/EmailFooter.tsx
@@ -253,7 +253,7 @@ Mozilla Corporation
 149 New Montgomery St, 4th Floor, San Francisco, CA 94105
 
 ${l10n.getString("email-footer-trigger-transactional")}
-
+${typeof props.unsubscribeLink !== "undefined" ? "\n" + l10n.getString("email-unsubscribe-link-plain", { unsub_link: props.unsubscribeLink }) + "\n" : ""}
 ${l10n.getString("email-footer-source-hibp-plain", { hibp_link: "https://haveibeenpwned.com" })}
 
 ${l10n.getString("terms-of-service")}:

diff --git a/src/emails/components/EmailHeader.stories.tsx b/src/emails/components/EmailHeader.stories.tsx
@@ -5,13 +5,13 @@
 import type { Meta, StoryObj } from "@storybook/react";
 import { FC } from "react";
 import { StorybookEmailRenderer } from "../StorybookEmailRenderer";
-import { EmailHeader, Props } from "./EmailHeader";
+import { EmailHeader, getUnstyledEmailHeader, Props } from "./EmailHeader";
 import { getL10n } from "../../app/functions/l10n/storybookAndJest";
 
 const meta: Meta<FC<Props>> = {
   title: "Emails/Components/Header",
   component: (props: Props) => (
-    <StorybookEmailRenderer plainTextVersion={null}>
+    <StorybookEmailRenderer plainTextVersion={getUnstyledEmailHeader(props)}>
       <mjml>
         <mj-body>
           <EmailHeader {...props} />

diff --git a/src/emails/components/RedesignedEmailFooter.stories.tsx b/src/emails/components/RedesignedEmailFooter.stories.tsx
@@ -5,13 +5,19 @@
 import type { Meta, StoryObj } from "@storybook/react";
 import { FC } from "react";
 import { StorybookEmailRenderer } from "../StorybookEmailRenderer";
-import { RedesignedEmailFooter, Props } from "./EmailFooter";
+import {
+  RedesignedEmailFooter,
+  Props,
+  getUnstyledRedesignedEmailFooter,
+} from "./EmailFooter";
 import { getL10n } from "../../app/functions/l10n/storybookAndJest";
 
 const meta: Meta<FC<Props>> = {
   title: "Emails/Components/Redesigned footer",
   component: (props: Props) => (
-    <StorybookEmailRenderer plainTextVersion={null}>
+    <StorybookEmailRenderer
+      plainTextVersion={getUnstyledRedesignedEmailFooter(props)}
+    >
       <mjml>
         <mj-body>
           <RedesignedEmailFooter {...props} />