fix URL address popup won’t show when hovered on terms/privacy links …

…on about page
Expensify · Nov 3, 2022 · 9cf1550 · 9cf1550
1 parent 7ffe2c0
commit 9cf1550
Showing 1 changed file with 5 additions and 12 deletions.
diff --git a/src/pages/settings/AboutPage/AboutPage.js b/src/pages/settings/AboutPage/AboutPage.js
@@ -6,6 +6,7 @@ import Navigation from '../../../libs/Navigation/Navigation';
 import ROUTES from '../../../ROUTES';
 import styles from '../../../styles/styles';
 import Text from '../../../components/Text';
+import TextLink from '../../../components/TextLink';
 import CONST from '../../../CONST';
 import * as Expensicons from '../../../components/Icon/Expensicons';
 import ScreenWrapper from '../../../components/ScreenWrapper';
@@ -116,29 +117,21 @@ const AboutPage = (props) => {
                             'initialSettingsPage.readTheTermsAndPrivacyPolicy.phrase1',
                         )}
                         {' '}
-                        <Text
-                            accessibilityRole="link"
-                            style={[styles.textMicroSupporting, styles.link]}
-                            onPress={() => Link.openExternalLink(CONST.TERMS_URL)}
-                        >
+                        <TextLink style={[styles.textMicroSupporting, styles.link]} href={CONST.TERMS_URL}>
                             {props.translate(
                                 'initialSettingsPage.readTheTermsAndPrivacyPolicy.phrase2',
                             )}
-                        </Text>
+                        </TextLink>
                         {' '}
                         {props.translate(
                             'initialSettingsPage.readTheTermsAndPrivacyPolicy.phrase3',
                         )}
                         {' '}
-                        <Text
-                            accessibilityRole="link"
-                            style={[styles.textMicroSupporting, styles.link]}
-                            onPress={() => Link.openExternalLink(CONST.PRIVACY_URL)}
-                        >
+                        <TextLink style={[styles.textMicroSupporting, styles.link]} href={CONST.PRIVACY_URL}>
                             {props.translate(
                                 'initialSettingsPage.readTheTermsAndPrivacyPolicy.phrase4',
                             )}
-                        </Text>
+                        </TextLink>
                         .
                     </Text>
                 </View>