Fix #20162 - Add Whats New for Global Menu (#20244)

app/_locales/en/messages.json

@@ -2737,6 +2737,15 @@
   "notifications21Title": {
     "message": "Introducing new and refreshed Swaps!"
   },
+  "notifications22ActionText": {
+    "message": "Got it"
+  },
+  "notifications22Description": {
+    "message": "💡 Just click the global menu or account menu to find them!"
+  },
+  "notifications22Title": {
+    "message": "Looking for your account details or the block explorer URL?"
+  },
   "notifications3ActionText": {
     "message": "Read more",
     "description": "The 'call to action' on the button, or link, of the 'Stay secure' notification. Upon clicking, users will be taken to a page about security on the metamask support website."

shared/notifications/index.js

@@ -114,6 +114,14 @@ export const UI_NOTIFICATIONS = {
       width: '100%',
     },
   },
+  22: {
+    id: 22,
+    date: null,
+    image: {
+      src: 'images/global-menu-block-explorer.svg',
+      width: '100%',
+    },
+  },
 };
 
 export const getTranslatedUINotifications = (t, locale) => {
@@ -313,5 +321,16 @@ export const getTranslatedUINotifications = (t, locale) => {
           )
         : '',
     },
+    22: {
+      ...UI_NOTIFICATIONS[22],
+      title: t('notifications22Title'),
+      description: t('notifications22Description'),
+      actionText: t('notifications22ActionText'),
+      date: UI_NOTIFICATIONS[22].date
+        ? new Intl.DateTimeFormat(formattedLocale).format(
+            new Date(UI_NOTIFICATIONS[22].date),
+          )
+        : '',
+    },
   };
 };

test/e2e/fixture-builder.js

@@ -141,6 +141,11 @@ function defaultFixture() {
             id: 21,
             isShown: true,
           },
+          22: {
+            date: null,
+            id: 22,
+            isShown: true,
+          },
         },
       },
       AppStateController: {