Merge pull request #5746 from Santhosh-Sellavel/santhosh_copy_email_o…

…ptions_enable Copy Option Enabled for small screen devices also
Expensify · Oct 19, 2021 · d0c166e · d0c166e
2 parents 86d3ec9 + 678175d
commit d0c166e
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 33 deletions.
diff --git a/src/components/CommunicationsLink.js b/src/components/CommunicationsLink.js
@@ -33,38 +33,37 @@ const defaultProps = {
 
 const CommunicationsLink = props => (
     <View style={[styles.flexRow, styles.pRelative, ...props.containerStyles]}>
-        {props.isSmallScreenWidth
-            ? (
-                <Pressable
-                    style={styles.mw100}
-                    onPress={() => Linking.openURL(
-                        props.type === CONST.LOGIN_TYPE.PHONE
-                            ? `tel:${props.value}`
-                            : `mailto:${props.value}`,
-                    )}
-                >
-                    {props.children}
-                </Pressable>
-            ) : (
-                <View style={[
-                    styles.flexRow,
-                    styles.alignItemsCenter,
-                    styles.w100,
-                    styles.communicationsLinkHeight,
-                ]}
-                >
-                    {props.children}
-                    <ContextMenuItem
-                        icon={ClipboardIcon}
-                        text={props.translate('reportActionContextMenu.copyToClipboard')}
-                        successIcon={Checkmark}
-                        successText={props.translate('reportActionContextMenu.copied')}
-                        isMini
-                        autoReset
-                        onPress={() => Clipboard.setString(props.value)}
-                    />
-                </View>
-            )}
+        <View style={[
+            styles.flexRow,
+            styles.alignItemsCenter,
+            styles.w100,
+            styles.communicationsLinkHeight,
+        ]}
+        >
+            <View style={styles.flexShrink1}>
+                {props.isSmallScreenWidth
+                    ? (
+                        <Pressable
+                            onPress={() => Linking.openURL(
+                                props.type === CONST.LOGIN_TYPE.PHONE
+                                    ? `tel:${props.value}`
+                                    : `mailto:${props.value}`,
+                            )}
+                        >
+                            {props.children}
+                        </Pressable>
+                    ) : props.children}
+            </View>
+            <ContextMenuItem
+                icon={ClipboardIcon}
+                text={props.translate('reportActionContextMenu.copyToClipboard')}
+                successIcon={Checkmark}
+                successText={props.translate('reportActionContextMenu.copied')}
+                isMini
+                autoReset
+                onPress={() => Clipboard.setString(props.value)}
+            />
+        </View>
     </View>
 );
 

diff --git a/src/pages/DetailsPage.js b/src/pages/DetailsPage.js
@@ -110,7 +110,7 @@ const DetailsPage = ({
                                         type={isSMSLogin ? CONST.LOGIN_TYPE.PHONE : CONST.LOGIN_TYPE.EMAIL}
                                         value={isSMSLogin ? getPhoneNumber(details) : details.login}
                                     >
-                                        <Text numberOfLines={1} style={[styles.w100]}>
+                                        <Text numberOfLines={1}>
                                             {isSMSLogin
                                                 ? toLocalPhone(getPhoneNumber(details))
                                                 : details.login}