From 63981f5ac4fa7ee1205859991cf62a03f0519ba9 Mon Sep 17 00:00:00 2001
From: Puneet <puneet.here121@gmail.com>
Date: Thu, 1 Dec 2022 22:05:33 +0530
Subject: [PATCH 1/4] add new style for attachment button at bigger screen

---
 src/styles/styles.js | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/styles/styles.js b/src/styles/styles.js
index f492b7cf0b190..7d63f993f8313 100644
--- a/src/styles/styles.js
+++ b/src/styles/styles.js
@@ -473,6 +473,11 @@ const styles = {
         margin: 20,
     },
 
+    attachmentButtonBigScreen: {
+        minWidth: 300,
+        alignSelf: 'center',
+    },
+
     buttonConfirmText: {
         paddingLeft: 20,
         paddingRight: 20,

From 25accb55d2f21b86e5b4341e954e8c9ff04a45d2 Mon Sep 17 00:00:00 2001
From: Puneet <puneet.here121@gmail.com>
Date: Thu, 1 Dec 2022 22:07:11 +0530
Subject: [PATCH 2/4] use attachmentButtonBigScreen for bigger screen size

---
 src/components/AttachmentModal.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/AttachmentModal.js b/src/components/AttachmentModal.js
index 7895b119b726e..cf86e184240ae 100755
--- a/src/components/AttachmentModal.js
+++ b/src/components/AttachmentModal.js
@@ -277,8 +277,9 @@ class AttachmentModal extends PureComponent {
                     {this.props.onConfirm && (
                         <Animated.View style={StyleUtils.fade(this.state.confirmButtonFadeAnimation)}>
                             <Button
+                                key={this.props.isSmallScreenWidth}
                                 success
-                                style={[styles.buttonConfirm]}
+                                style={[styles.buttonConfirm, this.props.isSmallScreenWidth ? {} : styles.attachmentButtonBigScreen]}
                                 textStyles={[styles.buttonConfirmText]}
                                 text={this.props.translate('common.send')}
                                 onPress={this.submitAndClose}

From 66cde5959857b1b466f490d37533e3d8aea32bee Mon Sep 17 00:00:00 2001
From: Puneet <puneet.here121@gmail.com>
Date: Fri, 2 Dec 2022 03:31:43 +0530
Subject: [PATCH 3/4] remove styles from constructor and pass them directly

---
 src/components/Button.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/Button.js b/src/components/Button.js
index 5d7f785ac0b73..5a1d54ff206a7 100644
--- a/src/components/Button.js
+++ b/src/components/Button.js
@@ -144,7 +144,6 @@ const defaultProps = {
 class Button extends Component {
     constructor(props) {
         super(props);
-        this.additionalStyles = StyleUtils.parseStyleAsArray(this.props.style);
 
         this.renderContent = this.renderContent.bind(this);
     }
@@ -256,7 +255,7 @@ class Button extends Component {
                 disabled={this.props.isLoading || this.props.isDisabled}
                 style={[
                     this.props.isDisabled ? {...styles.cursorDisabled, ...styles.noSelect} : {},
-                    ...this.additionalStyles,
+                    ...StyleUtils.parseStyleAsArray(this.props.style),
                 ]}
                 nativeID={this.props.nativeID}
             >

From d87ec41c74737132c69656c7aa47c1156cfcc560 Mon Sep 17 00:00:00 2001
From: Puneet <puneet.here121@gmail.com>
Date: Fri, 2 Dec 2022 03:33:28 +0530
Subject: [PATCH 4/4] remove key

---
 src/components/AttachmentModal.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/AttachmentModal.js b/src/components/AttachmentModal.js
index cf86e184240ae..14b80f5f1a49c 100755
--- a/src/components/AttachmentModal.js
+++ b/src/components/AttachmentModal.js
@@ -277,7 +277,6 @@ class AttachmentModal extends PureComponent {
                     {this.props.onConfirm && (
                         <Animated.View style={StyleUtils.fade(this.state.confirmButtonFadeAnimation)}>
                             <Button
-                                key={this.props.isSmallScreenWidth}
                                 success
                                 style={[styles.buttonConfirm, this.props.isSmallScreenWidth ? {} : styles.attachmentButtonBigScreen]}
                                 textStyles={[styles.buttonConfirmText]}