From 89f1105dc6b9eaf77c68b6c0cda103e10b1fa3b9 Mon Sep 17 00:00:00 2001
From: PrashantKumar Mangukiya <pbmangukiya@gmail.com>
Date: Fri, 12 May 2023 14:18:40 +0530
Subject: [PATCH] Add horizontal margin to attachment view

---
 src/components/AttachmentModal.js | 1 +
 src/components/AttachmentView.js  | 7 ++++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/AttachmentModal.js b/src/components/AttachmentModal.js
index 00f745da0769..692c9748db80 100755
--- a/src/components/AttachmentModal.js
+++ b/src/components/AttachmentModal.js
@@ -282,6 +282,7 @@ class AttachmentModal extends PureComponent {
                             Boolean(this.state.source) &&
                             this.state.shouldLoadAttachment && (
                                 <AttachmentView
+                                    containerStyles={[styles.mh5]}
                                     source={source}
                                     isAuthTokenRequired={this.props.isAuthTokenRequired}
                                     file={this.state.file}
diff --git a/src/components/AttachmentView.js b/src/components/AttachmentView.js
index e54faf4fc1ce..20b4432d6501 100755
--- a/src/components/AttachmentView.js
+++ b/src/components/AttachmentView.js
@@ -43,6 +43,10 @@ const propTypes = {
     /** Notify parent that the UI should be modified to accommodate keyboard */
     onToggleKeyboard: PropTypes.func,
 
+    /** Extra styles to pass to View wrapper */
+    // eslint-disable-next-line react/forbid-prop-types
+    containerStyles: PropTypes.arrayOf(PropTypes.object),
+
     ...withLocalizePropTypes,
 };
 
@@ -56,6 +60,7 @@ const defaultProps = {
     onPress: undefined,
     onScaleChanged: () => {},
     onToggleKeyboard: () => {},
+    containerStyles: [],
 };
 
 const AttachmentView = (props) => {
@@ -124,7 +129,7 @@ const AttachmentView = (props) => {
     }
 
     return (
-        <View style={styles.defaultAttachmentView}>
+        <View style={[styles.defaultAttachmentView, ...props.containerStyles]}>
             <View style={styles.mr2}>
                 <Icon src={Expensicons.Paperclip} />
             </View>