Merge pull request #5235 from mozilla/mntor-3678

Update breach pages titles
mozilla · Oct 24, 2024 · f165008 · f165008
2 parents 17e4d72 + 332fb53
commit f165008
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 5 deletions.
diff --git a/locales/en/app.ftl b/locales/en/app.ftl
@@ -242,7 +242,7 @@ error-page-error-other-title = { $errorCode } Something went wrong
 
 ## Breach overview page
 
-all-breaches-headline-2 = All breaches detected by { -brand-fx-monitor }
+all-breaches-headline-3 = Data Breach Database
 all-breaches-lead = We monitor all known data breaches to find out if your personal information was compromised. Here’s a complete list of all of the breaches that have been reported since 2007.
 search-breaches = Search Breaches
 

diff --git a/locales/en/breaches.ftl b/locales/en/breaches.ftl
@@ -2,10 +2,13 @@
 # License, v. 2.0. If a copy of the MPL was not distributed with this
 # file, You can obtain one at http://mozilla.org/MPL/2.0/.
 
-breach-all-meta-title = { -brand-fx-monitor } - All Data Breaches
+breach-all-meta-page-title = Data Breach Database — { -brand-fx-monitor }
 breach-all-meta-social-title = All Breaches Detected by { -brand-fx-monitor }
 breach-all-meta-social-description = Browse the complete list of known breaches detected by { -brand-fx-monitor }, then find out if your information was exposed.
 
+# Variables:
+#   $company (String) - Name of the company that was breached, e.g. "PHP Freaks"
+breach-detail-meta-page-title = { $company } Data Breach – { -brand-fx-monitor }
 # Variables:
 #   $company (String) - Name of the company that was breached, e.g. "PHP Freaks"
 breach-detail-meta-social-title = Were you affected by the { $company } Data Breach?

diff --git a/src/app/(proper_react)/(redesign)/(public)/breach-details/[breachName]/page.tsx b/src/app/(proper_react)/(redesign)/(public)/breach-details/[breachName]/page.tsx
@@ -20,7 +20,9 @@ export async function generateMetadata(props: {
   }
 
   return {
-    title: `${l10n.getString("brand-mozilla-monitor")} - ${breach.Title}`,
+    title: l10n.getString("breach-detail-meta-page-title", {
+      company: breach.Title,
+    }),
     twitter: {
       card: "summary_large_image",
       title: l10n.getString("breach-detail-meta-social-title", {

diff --git a/src/app/(proper_react)/(redesign)/(public)/breaches/BreachIndexView.tsx b/src/app/(proper_react)/(redesign)/(public)/breaches/BreachIndexView.tsx
@@ -25,7 +25,7 @@ export const BreachIndexView = (props: Props) => {
   return (
     <main className={styles.wrapper}>
       <header>
-        <h1>{l10n.getString("all-breaches-headline-2")}</h1>
+        <h1>{l10n.getString("all-breaches-headline-3")}</h1>
         <p>{l10n.getString("all-breaches-lead")}</p>
         <FilterForm
           onChange={(term: string) => {

diff --git a/src/app/(proper_react)/(redesign)/(public)/breaches/page.tsx b/src/app/(proper_react)/(redesign)/(public)/breaches/page.tsx
@@ -9,7 +9,7 @@ import { BreachIndexView } from "./BreachIndexView";
 export function generateMetadata() {
   const l10n = getL10n();
   return {
-    title: l10n.getString("breach-all-meta-title"),
+    title: l10n.getString("breach-all-meta-page-title"),
     twitter: {
       card: "summary_large_image",
       title: l10n.getString("breach-all-meta-social-title"),