Merge pull request #32790 from DylanDylann/fix/32080-copy-referral-li…

…nk-is-not-actived Fix/32080: Referral button is not focused
Expensify · Dec 11, 2023 · cf918b6 · cf918b6
2 parents 298d9d2 + 1e3d9bc
commit cf918b6
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 0 deletions.
diff --git a/src/components/CopyTextToClipboard.js b/src/components/CopyTextToClipboard.js
@@ -13,12 +13,14 @@ const propTypes = {
     // eslint-disable-next-line react/forbid-prop-types
     textStyles: PropTypes.arrayOf(PropTypes.object),
     urlToCopy: PropTypes.string,
+    accessibilityRole: PropTypes.string,
     ...withLocalizePropTypes,
 };
 
 const defaultProps = {
     textStyles: [],
     urlToCopy: null,
+    accessibilityRole: undefined,
 };
 
 function CopyTextToClipboard(props) {
@@ -34,6 +36,7 @@ function CopyTextToClipboard(props) {
             icon={Expensicons.Copy}
             textStyles={props.textStyles}
             onPress={copyToClipboard}
+            accessibilityRole={props.accessibilityRole}
         />
     );
 }

diff --git a/src/components/Pressable/PressableWithDelayToggle.tsx b/src/components/Pressable/PressableWithDelayToggle.tsx
@@ -48,6 +48,7 @@ type PressableWithDelayToggleProps = PressableProps & {
      * vertical text alignment of non-Text elements
      */
     inline?: boolean;
+    accessibilityRole?: string;
 };
 
 function PressableWithDelayToggle(
@@ -63,6 +64,7 @@ function PressableWithDelayToggle(
         textStyles,
         iconStyles,
         icon,
+        accessibilityRole,
     }: PressableWithDelayToggleProps,
     ref: PressableRef,
 ) {
@@ -101,6 +103,7 @@ function PressableWithDelayToggle(
             onPress={updatePressState}
             accessibilityLabel={tooltipTexts}
             suppressHighlighting={inline ? true : undefined}
+            accessibilityRole={accessibilityRole}
         >
             <>
                 {inline && labelText}

diff --git a/src/pages/ReferralDetailsPage.js b/src/pages/ReferralDetailsPage.js
@@ -90,6 +90,7 @@ function ReferralDetailsPage({route, account}) {
                 {shouldShowClipboard && (
                     <View style={[styles.border, styles.pv2, styles.ph3, styles.mb6]}>
                         <CopyTextToClipboard
+                            accessibilityRole={CONST.ACCESSIBILITY_ROLE.BUTTON}
                             text={translate('referralProgram.copyReferralLink')}
                             textStyles={[styles.colorMuted]}
                             urlToCopy={generateReferralURL(account.primaryLogin)}