From 6b1ee1a584f71f60e34a1ae562d14faef6b1368c Mon Sep 17 00:00:00 2001
From: Santhoshkumar Sellavel <Santhoshsellavel@gmail.com>
Date: Thu, 21 Oct 2021 03:51:38 +0530
Subject: [PATCH] Attachment preview cut out in comments fixed

---
 .../BaseAnchorForCommentsOnly/index.native.js            | 9 ++++++---
 src/components/AttachmentView.js                         | 2 +-
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/AnchorForCommentsOnly/BaseAnchorForCommentsOnly/index.native.js b/src/components/AnchorForCommentsOnly/BaseAnchorForCommentsOnly/index.native.js
index 8d4fa01588b9..0890ba75b23c 100644
--- a/src/components/AnchorForCommentsOnly/BaseAnchorForCommentsOnly/index.native.js
+++ b/src/components/AnchorForCommentsOnly/BaseAnchorForCommentsOnly/index.native.js
@@ -8,6 +8,7 @@ import PressableWithSecondaryInteraction from '../../PressableWithSecondaryInter
 import {showContextMenu} from '../../../pages/home/report/ContextMenu/ReportActionContextMenu';
 import {CONTEXT_MENU_TYPES} from '../../../pages/home/report/ContextMenu/ContextMenuActions';
 import AttachmentView from '../../AttachmentView';
+import styles from '../../../styles/styles';
 
 /*
  * This is a default anchor component for regular links.
@@ -24,9 +25,11 @@ const BaseAnchorForCommentsOnly = ({
     return (
         isAttachment
             ? (
-                <Pressable onPress={() => {
-                    fileDownload(href, fileName);
-                }}
+                <Pressable
+                    style={styles.mw100}
+                    onPress={() => {
+                        fileDownload(href, fileName);
+                    }}
                 >
                     <AttachmentView
                         sourceURL={href}
diff --git a/src/components/AttachmentView.js b/src/components/AttachmentView.js
index 83b7b37e6775..1e6eab70fc93 100755
--- a/src/components/AttachmentView.js
+++ b/src/components/AttachmentView.js
@@ -62,7 +62,7 @@ const AttachmentView = (props) => {
             <View style={styles.mr2}>
                 <Icon src={Paperclip} />
             </View>
-            <Text style={[styles.textStrong]}>{props.file && props.file.name}</Text>
+            <Text style={[styles.textStrong, styles.flexShrink1]}>{props.file && props.file.name}</Text>
             {props.shouldShowDownloadIcon && (
                 <View style={styles.ml2}>
                     <Tooltip text={props.translate('common.download')}>