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' } }; });