Merge pull request #4369 from mozilla/MPP-3652

MPP-3652 - Update monitor branding

frontend/pendingTranslations.ftl

@@ -121,3 +121,6 @@ upsell-banner-4-masks-non-us-heading = Get maximum email protection
 upsell-banner-4-masks-us-description = { -brand-name-relay-premium } gives you a phone mask to protect your real number, plus unlimited email masks and the ability to block promotional emails.
 upsell-banner-4-masks-non-us-description = { -brand-name-relay-premium } gives you unlimited email masks, spam blocking, a custom { -brand-name-relay } email domain, and the ability to reply to forwarded messages.
 upsell-banner-4-masks-us-cta = Upgrade to { -brand-name-relay-premium }
+
+-brand-name-mozilla-monitor = Mozilla Monitor
+moz-monitor = { -brand-name-mozilla-monitor }

frontend/src/components/layout/navigation/AppPicker.tsx

@@ -48,7 +48,7 @@ const getProducts = (referringSiteUrl: string) => ({
     url: `https://monitor.firefox.com/?utm_source=${encodeURIComponent(
       referringSiteUrl,
     )}&utm_medium=referral&utm_campaign=bento&utm_content=desktop`,
-    gaLabel: "fx-monitor",
+    gaLabel: "moz-monitor",
   },
   pocket: {
     id: "pocket",
@@ -146,7 +146,7 @@ export const AppPicker = (props: Props) => {
           {l10n.getString("fx-vpn")}
         </a>
       </Item>
-      <Item key={products.monitor.id} textValue={l10n.getString("fx-monitor")}>
+      <Item key={products.monitor.id} textValue={l10n.getString("moz-monitor")}>
         <a
           ref={linkRefs.monitor}
           href={products.monitor.url}
@@ -155,7 +155,7 @@ export const AppPicker = (props: Props) => {
           rel="noopener noreferrer"
         >
           <Image src={MonitorLogo} alt="" width={16} height={16} />
-          {l10n.getString("fx-monitor")}
+          {l10n.getString("moz-monitor")}
         </a>
       </Item>
       <Item key={products.pocket.id} textValue={l10n.getString("fx-pocket")}>