Add new tour card for email communications (mozilla#3229)

mathjazz · May 14, 2024 · 890be4a · 890be4a
1 parent 3a33989
commit 890be4a
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 0 deletions.
diff --git a/translate/public/locale/en-US/translate.ftl b/translate/public/locale/en-US/translate.ftl
@@ -472,6 +472,15 @@ interactivetour-InteractiveTour--locales-content =
     localization communities. Approved translations of the current
     string to other languages are available in the Locales tab.
 
+interactivetour-InteractiveTour--email-communications-title = Let’s keep in touch
+interactivetour-InteractiveTour--email-communications-content =
+    Want to stay up to date and informed about all localization matters
+    at Mozilla? Enable email communications from your <a>settings</a> to get
+    the latest updates about localization at Mozilla, announcements about
+    new Pontoon features, invitations to contributor events and more.
+interactivetour-InteractiveTour--email-communications-footer =
+    (Make sure that you’re logged in to access your settings.)
+
 interactivetour-InteractiveTour--end-title = That’s (not) all, folks!
 interactivetour-InteractiveTour--end-content =
     There’s a wide variety of tools to help you with translations,

diff --git a/translate/src/modules/interactivetour/components/InteractiveTour.tsx b/translate/src/modules/interactivetour/components/InteractiveTour.tsx
@@ -276,6 +276,30 @@ export function InteractiveTour(): React.ReactElement | null {
       ),
       action: (node) => node.querySelector('#react-tabs-6').click(),
     },
+    {
+      selector: '',
+      content: (
+        <div>
+          <Localized id='interactivetour-InteractiveTour--email-communications-title'>
+            <h3>Let’s keep in touch</h3>
+          </Localized>
+          <Localized
+            id='interactivetour-InteractiveTour--email-communications-content'
+            elems={{
+              a: <a href='/settings/' />,
+            }}
+          >
+            <p>{`Want to stay up to date and informed about all localization matters
+              at Mozilla? Enable email communications from your <a>settings</a> to get
+              the latest updates about localization at Mozilla, announcements about
+              new Pontoon features, invitations to contributor events and more.`}</p>
+          </Localized>
+          <Localized id='interactivetour-InteractiveTour--email-communications-footer'>
+            <p>(Make sure that you’re logged in to access your settings.)</p>
+          </Localized>
+        </div>
+      ),
+    },
     {
       selector: '',
       content: (