From 42a19ae0f32f7b2c56332eaae74119d93abf039c Mon Sep 17 00:00:00 2001
From: Shubham Agrawal <shubham.agra1206@gmail.com>
Date: Thu, 7 Nov 2024 09:58:17 +0530
Subject: [PATCH] Added per diem learn more link

---
 src/CONST.ts                                         |  1 +
 src/languages/en.ts                                  |  2 +-
 src/languages/es.ts                                  |  2 +-
 src/pages/workspace/perDiem/WorkspacePerDiemPage.tsx | 12 +++++++++++-
 4 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/CONST.ts b/src/CONST.ts
index 2d52eaedd75d..ec8697e0998f 100755
--- a/src/CONST.ts
+++ b/src/CONST.ts
@@ -847,6 +847,7 @@ const CONST = {
     UPWORK_URL: 'https://github.com/Expensify/App/issues?q=is%3Aopen+is%3Aissue+label%3A%22Help+Wanted%22',
     DEEP_DIVE_EXPENSIFY_CARD: 'https://community.expensify.com/discussion/4848/deep-dive-expensify-card-and-quickbooks-online-auto-reconciliation-how-it-works',
     DEEP_DIVE_ERECEIPTS: 'https://community.expensify.com/discussion/5542/deep-dive-what-are-ereceipts/',
+    DEEP_DIVE_PER_DIEM: 'https://community.expensify.com/discussion/4772/how-to-add-a-single-rate-per-diem',
     GITHUB_URL: 'https://github.com/Expensify/App',
     TERMS_URL: `${USE_EXPENSIFY_URL}/terms`,
     PRIVACY_URL: `${USE_EXPENSIFY_URL}/privacy`,
diff --git a/src/languages/en.ts b/src/languages/en.ts
index 8d61e1c91b67..c165bdbc4eb6 100755
--- a/src/languages/en.ts
+++ b/src/languages/en.ts
@@ -2403,7 +2403,7 @@ const translations = {
             },
         },
         perDiem: {
-            subtitle: 'Set per diem rates to control daily employee spend.',
+            subtitle: 'Set per diem rates to control daily employee spend. ',
             destination: 'Destination',
             subrate: 'Subrate',
             amount: 'Amount',
diff --git a/src/languages/es.ts b/src/languages/es.ts
index 216aee386e0d..3965eb1dcf30 100644
--- a/src/languages/es.ts
+++ b/src/languages/es.ts
@@ -2426,7 +2426,7 @@ const translations = {
             },
         },
         perDiem: {
-            subtitle: 'Establece las tasas per diem para controlar los gastos diarios de los empleados.',
+            subtitle: 'Establece las tasas per diem para controlar los gastos diarios de los empleados. ',
             destination: 'Destino',
             subrate: 'Subtasa',
             amount: 'Cantidad',
diff --git a/src/pages/workspace/perDiem/WorkspacePerDiemPage.tsx b/src/pages/workspace/perDiem/WorkspacePerDiemPage.tsx
index 78047fe113f8..9430cfd911b5 100644
--- a/src/pages/workspace/perDiem/WorkspacePerDiemPage.tsx
+++ b/src/pages/workspace/perDiem/WorkspacePerDiemPage.tsx
@@ -18,6 +18,7 @@ import type {ListItem} from '@components/SelectionList/types';
 import SelectionListWithModal from '@components/SelectionListWithModal';
 import TableListItemSkeleton from '@components/Skeletons/TableRowSkeleton';
 import Text from '@components/Text';
+import TextLink from '@components/TextLink';
 import useLocalize from '@hooks/useLocalize';
 import useMobileSelectionMode from '@hooks/useMobileSelectionMode';
 import useNetwork from '@hooks/useNetwork';
@@ -34,6 +35,7 @@ import Navigation from '@libs/Navigation/Navigation';
 import type {FullScreenNavigatorParamList} from '@libs/Navigation/types';
 import {getPerDiemCustomUnit} from '@libs/PolicyUtils';
 import AccessOrNotFoundWrapper from '@pages/workspace/AccessOrNotFoundWrapper';
+import * as Link from '@userActions/Link';
 import * as Modal from '@userActions/Modal';
 import * as PerDiem from '@userActions/Policy/PerDiem';
 import CONST from '@src/CONST';
@@ -286,7 +288,15 @@ function WorkspacePerDiemPage({route}: WorkspacePerDiemPageProps) {
 
     const getHeaderText = () => (
         <View style={[styles.ph5, styles.pb5, styles.pt3, shouldUseNarrowLayout ? styles.workspaceSectionMobile : styles.workspaceSection]}>
-            <Text style={[styles.textNormal, styles.colorMuted]}>{translate('workspace.perDiem.subtitle')}</Text>
+            <Text>
+                <Text style={[styles.textNormal, styles.colorMuted]}>{translate('workspace.perDiem.subtitle')}</Text>
+                <TextLink
+                    style={[styles.textNormal, styles.link]}
+                    onPress={() => Link.openExternalLink(CONST.DEEP_DIVE_PER_DIEM)}
+                >
+                    {translate('workspace.common.learnMore')}
+                </TextLink>
+            </Text>
         </View>
     );