Merge pull request #35646 from DylanDylann/fix/35507-missing-tooltip-…

…cancel
Expensify · Feb 2, 2024 · ce448bd · ce448bd
2 parents e6ea03b + 017efa2
commit ce448bd
Showing 1 changed file with 19 additions and 16 deletions.
diff --git 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>
     );
 }