diff --git a/app/components/post_textbox/post_textbox.js b/app/components/post_textbox/post_textbox.js
index 83c5f255b..700e10d28 100644
--- a/app/components/post_textbox/post_textbox.js
+++ b/app/components/post_textbox/post_textbox.js
@@ -259,47 +259,41 @@ class PostTextbox extends PureComponent {
this.props.actions.handleUploadFiles(images, this.props.rootId);
};
- renderDisabledSendButton = () => {
- const {theme} = this.props;
- const style = getStyleSheet(theme);
-
- return (
-
-
-
-
-
- );
- };
-
renderSendButton = () => {
const {theme, uploadFileRequestStatus} = this.props;
const style = getStyleSheet(theme);
+ const icon = (
+
+ );
+
+ let button = null;
if (uploadFileRequestStatus === RequestStatus.STARTED) {
- return this.renderDisabledSendButton();
+ button = (
+
+
+ {icon}
+
+
+ );
} else if (this.canSend()) {
- return (
+ button = (
-
+ {icon}
);
}
- return null;
+ return button;
};
sendMessage = () => {
@@ -455,7 +449,8 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => {
flex: 1,
flexDirection: 'row',
backgroundColor: '#fff',
- alignItems: 'flex-end'
+ alignItems: 'stretch',
+ marginRight: 10
},
inputContainerWithoutFileUpload: {
marginLeft: 10
@@ -469,27 +464,17 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => {
borderTopColor: changeOpacity(theme.centerChannelColor, 0.20)
},
sendButtonContainer: {
- paddingRight: 10
+ justifyContent: 'flex-end',
+ paddingHorizontal: 5,
+ paddingVertical: 3
},
sendButton: {
backgroundColor: theme.buttonBg,
borderRadius: 18,
- marginRight: 5,
height: 28,
width: 28,
alignItems: 'center',
- justifyContent: 'center',
- paddingLeft: 2,
- ...Platform.select({
- ios: {
- marginBottom: 3
- },
- android: {
- height: 29,
- marginBottom: 4,
- width: 29
- }
- })
+ justifyContent: 'center'
}
};
});