From 3f0b2f8bdff787b6e1af0f326b47084f1f426e7e Mon Sep 17 00:00:00 2001
From: dominictb <tb-dominic@outlook.com>
Date: Sat, 21 Dec 2024 15:34:53 +0700
Subject: [PATCH] navigate to Referral modal when click get $250

---
 src/components/EmptySelectionListContent.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/EmptySelectionListContent.tsx b/src/components/EmptySelectionListContent.tsx
index 67a9a2fc83f3..5281b1c33b4b 100644
--- a/src/components/EmptySelectionListContent.tsx
+++ b/src/components/EmptySelectionListContent.tsx
@@ -3,8 +3,10 @@ import {View} from 'react-native';
 import type {TupleToUnion} from 'type-fest';
 import useLocalize from '@hooks/useLocalize';
 import useThemeStyles from '@hooks/useThemeStyles';
+import Navigation from '@libs/Navigation/Navigation';
 import variables from '@styles/variables';
 import CONST from '@src/CONST';
+import ROUTES from '@src/ROUTES';
 import BlockingView from './BlockingViews/BlockingView';
 import * as Illustrations from './Icon/Illustrations';
 import ScrollView from './ScrollView';
@@ -34,7 +36,13 @@ function EmptySelectionListContent({contentType}: EmptySelectionListContentProps
     const EmptySubtitle = (
         <Text style={[styles.textAlignCenter]}>
             {translate(`emptyList.${contentType}.subtitleText1`)}
-            <TextLink href={CONST.REFERRAL_PROGRAM.LEARN_MORE_LINK}>{translate(`emptyList.${contentType}.subtitleText2`)}</TextLink>
+            <TextLink
+                onPress={() => {
+                    Navigation.navigate(ROUTES.REFERRAL_DETAILS_MODAL.getRoute(CONST.REFERRAL_PROGRAM.CONTENT_TYPES.SUBMIT_EXPENSE, Navigation.getActiveRouteWithoutParams()));
+                }}
+            >
+                {translate(`emptyList.${contentType}.subtitleText2`)}
+            </TextLink>
             {translate(`emptyList.${contentType}.subtitleText3`)}
         </Text>
     );