add subtitle to hero

mozilla · Jan 23, 2025 · b0117fd · b0117fd
1 parent c811e2a
commit b0117fd
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 25 deletions.
diff --git a/locales-pending/emails-all.ftl b/locales-pending/emails-all.ftl
@@ -68,13 +68,16 @@ email-breach-alert-plus-scan-results-data-points-label =
         [one] Data exposure
        *[other] Data exposures
     }
+# Deprecated
 email-breach-alert-plus-scan-results-cta-label = Take action to resolve these exposures
 email-breach-alert-plus-scan-results-trailer = We’ll guide you step-by-step through the process
+email-breach-alert-scan-results-cta-label = Resolve exposures
 
 # Monthly Report Free User
 
 email-monthly-report-hero-free-heading = Your monthly { -brand-mozilla-monitor } report
-email-monthly-report-hero-free-body = A summary of what needs your attention, and what’s been resolved over the past month.
+email-monthly-report-hero-free-subtitle = A summary of what needs attention and what’s been resolved this month.
+email-data-point-count-cta = Resolve these exposures
 
 ## This string is displayed under a large numeral that indicates the total
 ## number of data breaches that have exposed the user’s information.
@@ -106,6 +109,7 @@ email-monthly-report-free-summary-manually-resolved-exposures =
     }
 
 email-monthly-report-free-broker-scan-available = Free data broker scan available
+email-monthly-report-free-breaches-resolved-manually = Data breaches resolved manually
 
 ##
 

diff --git a/src/emails/components/EmailDataPointCount.tsx b/src/emails/components/EmailDataPointCount.tsx
@@ -110,9 +110,7 @@ export const DataPointCount = (props: Props) => {
             line-height="22px"
             width="100%"
           >
-            {props.l10n.getString(
-              "email-breach-alert-plus-scan-results-cta-label",
-            )}
+            {props.l10n.getString("email-breach-alert-scan-results-cta-label")}
           </mj-button>
           <mj-text
             font-size="12px"

diff --git a/src/emails/templates/monthlyActivityFree/MonthlyActivityFreeEmail.stories.tsx b/src/emails/templates/monthlyActivityFree/MonthlyActivityFreeEmail.stories.tsx
@@ -139,16 +139,7 @@ export const MonthlyReportFreeUserWithScanWithExposuresResolved: Story = {
     unsubscribeLink: "/",
     dataSummary: {
       ...mockedDataSummary,
-      unresolvedSanitizedDataPoints: [
-        { [dataClassKeyMap.passwords]: 10 },
-        { [dataClassKeyMap.familyMembers]: 10 },
-        { [dataClassKeyMap.phoneNumbers]: 5 },
-      ],
-      fixedSanitizedDataPoints: [
-        { [dataClassKeyMap.passwords]: 10 },
-        { [dataClassKeyMap.familyMembers]: 10 },
-        { [dataClassKeyMap.phoneNumbers]: 5 },
-      ],
+      dataBreachResolvedNum: 3,
     },
     subscriber: {
       onerep_profile_id: 1,

diff --git a/src/emails/templates/monthlyActivityFree/MonthlyActivityFreeEmail.tsx b/src/emails/templates/monthlyActivityFree/MonthlyActivityFreeEmail.tsx
@@ -87,8 +87,6 @@ export const MonthlyActivityFreeEmail = (
     activeState: props.dataSummary.dataBreachResolvedNum > 0,
   };
 
-  console.log(leftBoxData);
-
   const rightBoxData = {
     // When a free scan is run, show auto-removed exposures data point
     // If a free scan hasn't been run, show manually resolved exposures
@@ -150,7 +148,7 @@ export const MonthlyActivityFreeEmail = (
           l10n={l10n}
           utm_campaign={scanOrUpgradeCtaUtm.utmCampaign}
           heading={l10n.getString("email-monthly-report-hero-free-heading")}
-          subheading={l10n.getString("email-monthly-report-hero-free-body")}
+          subheading={l10n.getString("email-monthly-report-hero-free-subtitle")}
         />
         {/* Show the Data Point Count if there are unresolved exposures, otherwise show the congratulatory banner */}
         {!(
@@ -214,14 +212,9 @@ export const MonthlyActivityFreeEmail = (
                     {props.dataSummary.dataBreachResolvedNum}
                   </mj-text>
                   <mj-text align="center" color="#9E9E9E">
-                    {/* {l10n.getString(
-                      "email-monthly-report-free-summary-auto-removed",
-                      {
-                        data_point_count:
-                          props.dataSummary.dataBrokerAutoFixedNum,
-                      },
-                    )} */}
-                    Data breaches resolved manually
+                    {l10n.getString(
+                      "email-monthly-report-free-breaches-resolved-manually",
+                    )}
                   </mj-text>
                 </mj-column>
                 <mj-column