Merge pull request Expensify#65433 from samranahm/65426/add-what's-new

lakchote · web-flow · commit 861d3e64025d · 2025-07-09T09:51:53.000+02:00
feature: add what's new in initial settings page
diff --git a/assets/images/treasure-chest.svg b/assets/images/treasure-chest.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 20 20">
+  <!-- Generator: Adobe Illustrator 29.6.1, SVG Export Plug-In . SVG Version: 2.1.1 Build 9)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill-rule: evenodd;
+      }
+    </style>
+  </defs>
+  <path d="M10.1,11c.6,0,1.2.5,1.2,1.2,0,.5-.2.9-.6,1.1l.7,1.3c.1.2,0,.4-.2.4h-2.2c-.2,0-.3-.2-.2-.4l.7-1.3c-.4-.3-.6-.6-.6-1.1,0-.6.599-1.2,1.199-1.2Z"/>
+  <path class="st0" d="M17,1c1,0,1.9.8,2,1.8v.5l-1.4,4.5,2.301,3.601c0,.1.1.2.1.3v.399l-1,6.101c-.1.5-.5.8-1,.8H2c-.5,0-.9-.3-1-.8L0,12.2v-.4c0-.1,0-.2.1-.3l2.301-3.6L1,3.3v-.5c.1-1,1-1.8,2-1.8h14ZM4.2,8.8l-1.4,2.2h3.7c.3,0,.5.2.5.5v3.5c0,.5.5,1,1,1h4c.5,0,1-.5,1-1v-3.5c0-.3.2-.5.5-.5h3.7l-1.4-2.2H4.2ZM3.3,4l1,3.2h11.4l1-3.2H3.3Z"/>
+</svg>
diff --git a/src/CONST/index.ts b/src/CONST/index.ts
@@ -909,6 +909,7 @@ const CONST = {
     STAGING_NEW_EXPENSIFY_URL: 'https://staging.new.expensify.com',
     PR_TESTING_NEW_EXPENSIFY_URL: `https://${Config?.PULL_REQUEST_NUMBER}.pr-testing.expensify.com`,
     NEWHELP_URL: 'https://help.expensify.com',
+    WHATS_NEW_URL: `${USE_EXPENSIFY_URL}/blog?category=Product%20Updates`,
     INTERNAL_DEV_EXPENSIFY_URL: 'https://www.expensify.com.dev',
     IMPORT_TAGS_EXPENSIFY_URL: 'https://help.expensify.com/articles/expensify-classic/workspaces/Create-tags#import-a-spreadsheet-1',
     IMPORT_TAGS_EXPENSIFY_URL_DEPENDENT_TAGS: 'https://help.expensify.com/articles/expensify-classic/workspaces/Create-tags#multi-level-tags',
diff --git a/src/components/Icon/Expensicons.ts b/src/components/Icon/Expensicons.ts
@@ -215,6 +215,7 @@ import ThumbsUp from '@assets/images/thumbs-up.svg';
 import Train from '@assets/images/train.svg';
 import Transfer from '@assets/images/transfer.svg';
 import Trashcan from '@assets/images/trashcan.svg';
+import TreasureChest from '@assets/images/treasure-chest.svg';
 import Unlock from '@assets/images/unlock.svg';
 import UploadAlt from '@assets/images/upload-alt.svg';
 import Upload from '@assets/images/upload.svg';
@@ -384,6 +385,7 @@ export {
     QBOSquare,
     QrCode,
     QuestionMark,
+    TreasureChest,
     Receipt,
     ReceiptPlaceholderPlus,
     ReceiptPlus,
diff --git a/src/languages/de.ts b/src/languages/de.ts
@@ -1549,6 +1549,7 @@ const translations = {
             phrase4: 'Datenschutz',
         },
         help: 'Hilfe',
+        whatIsNew: 'Was ist neu',
         accountSettings: 'Kontoeinstellungen',
         account: 'Konto',
         general: 'Allgemein',
diff --git a/src/languages/en.ts b/src/languages/en.ts
@@ -1526,6 +1526,7 @@ const translations = {
             phrase4: 'Privacy',
         },
         help: 'Help',
+        whatIsNew: "What's new",
         accountSettings: 'Account settings',
         account: 'Account',
         general: 'General',
diff --git a/src/languages/es.ts b/src/languages/es.ts
@@ -1523,6 +1523,7 @@ const translations = {
             phrase4: 'Privacidad',
         },
         help: 'Ayuda',
+        whatIsNew: 'Qué hay de nuevo',
         accountSettings: 'Configuración de la cuenta',
         account: 'Cuenta',
         general: 'General',
diff --git a/src/languages/fr.ts b/src/languages/fr.ts
@@ -1547,6 +1547,7 @@ const translations = {
             phrase4: 'Confidentialité',
         },
         help: 'Aide',
+        whatIsNew: 'Quoi de neuf',
         accountSettings: 'Paramètres du compte',
         account: 'Compte',
         general: 'Général',
diff --git a/src/languages/it.ts b/src/languages/it.ts
@@ -1541,6 +1541,7 @@ const translations = {
             phrase4: 'Privacy',
         },
         help: 'Aiuto',
+        whatIsNew: 'Novità',
         accountSettings: 'Impostazioni account',
         account: 'Account',
         general: 'Generale',
diff --git a/src/languages/ja.ts b/src/languages/ja.ts
@@ -1540,6 +1540,7 @@ const translations = {
             phrase4: 'プライバシー',
         },
         help: '助けて',
+        whatIsNew: '新着情報',
         accountSettings: 'アカウント設定',
         account: 'アカウント',
         general: '一般',
diff --git a/src/languages/nl.ts b/src/languages/nl.ts
@@ -1542,6 +1542,7 @@ const translations = {
             phrase4: 'Privacy',
         },
         help: 'Help',
+        whatIsNew: 'Wat is nieuw',
         accountSettings: 'Accountinstellingen',
         account: 'Account',
         general: 'Algemeen',
diff --git a/src/languages/pl.ts b/src/languages/pl.ts
@@ -1538,6 +1538,7 @@ const translations = {
             phrase4: 'Prywatność',
         },
         help: 'Pomoc',
+        whatIsNew: 'Co nowego',
         accountSettings: 'Ustawienia konta',
         account: 'Konto',
         general: 'Ogólne',
diff --git a/src/languages/pt-BR.ts b/src/languages/pt-BR.ts
@@ -1539,6 +1539,7 @@ const translations = {
             phrase4: 'Privacidade',
         },
         help: 'Ajuda',
+        whatIsNew: 'O que há de novo',
         accountSettings: 'Configurações da conta',
         account: 'Conta',
         general: 'Geral',
diff --git a/src/languages/zh-hans.ts b/src/languages/zh-hans.ts
@@ -1525,6 +1525,7 @@ const translations = {
             phrase4: '隐私',
         },
         help: '帮助',
+        whatIsNew: '新内容',
         accountSettings: '账户设置',
         account: '账户',
         general: '常规',
diff --git a/src/pages/settings/InitialSettingsPage.tsx b/src/pages/settings/InitialSettingsPage.tsx
@@ -233,6 +233,16 @@ function InitialSettingsPage({currentUserPersonalDetails}: InitialSettingsPagePr
                         openExternalLink(CONST.NEWHELP_URL);
                     },
                 },
+                {
+                    translationKey: 'initialSettingsPage.whatIsNew',
+                    icon: Expensicons.TreasureChest,
+                    iconRight: Expensicons.NewWindow,
+                    shouldShowRightIcon: true,
+                    link: CONST.WHATS_NEW_URL,
+                    action: () => {
+                        openExternalLink(CONST.WHATS_NEW_URL);
+                    },
+                },
                 {
                     translationKey: 'exitSurvey.goToExpensifyClassic',
                     icon: Expensicons.ExpensifyLogoNew,
