From 017efa2c38dd30aba4015ee0530713e51a7ed4aa Mon Sep 17 00:00:00 2001
From: DylanDylann <dylandylan9112@gmail.com>
Date: Fri, 2 Feb 2024 16:41:03 +0700
Subject: [PATCH] fix missing tooltip

---
 src/components/ReferralProgramCTA.tsx | 35 +++++++++++++++------------
 1 file changed, 19 insertions(+), 16 deletions(-)

diff --git a/src/components/ReferralProgramCTA.tsx b/src/components/ReferralProgramCTA.tsx
index 4a6b8b03f2b4..f1c7539cc6b5 100644
--- a/src/components/ReferralProgramCTA.tsx
+++ b/src/components/ReferralProgramCTA.tsx
@@ -9,6 +9,7 @@ import Icon from './Icon';
 import {Close} from './Icon/Expensicons';
 import {PressableWithoutFeedback} from './Pressable';
 import Text from './Text';
+import Tooltip from './Tooltip';
 
 type ReferralProgramCTAProps = {
     referralContentType:
@@ -44,22 +45,24 @@ function ReferralProgramCTA({referralContentType, onCloseButtonPress = () => {}}
                     {translate(`referralProgram.${referralContentType}.buttonText2`)}
                 </Text>
             </Text>
-            <PressableWithoutFeedback
-                onPress={onCloseButtonPress}
-                onMouseDown={(e) => {
-                    e.preventDefault();
-                }}
-                style={[styles.touchableButtonImage]}
-                role={CONST.ACCESSIBILITY_ROLE.BUTTON}
-                accessibilityLabel={translate('common.close')}
-            >
-                <Icon
-                    src={Close}
-                    height={20}
-                    width={20}
-                    fill={theme.icon}
-                />
-            </PressableWithoutFeedback>
+            <Tooltip text={translate('common.close')}>
+                <PressableWithoutFeedback
+                    onPress={onCloseButtonPress}
+                    onMouseDown={(e) => {
+                        e.preventDefault();
+                    }}
+                    style={[styles.touchableButtonImage]}
+                    role={CONST.ACCESSIBILITY_ROLE.BUTTON}
+                    accessibilityLabel={translate('common.close')}
+                >
+                    <Icon
+                        src={Close}
+                        height={20}
+                        width={20}
+                        fill={theme.icon}
+                    />
+                </PressableWithoutFeedback>
+            </Tooltip>
         </PressableWithoutFeedback>
     );
 }