Fix visibility of retry failed message option (#2492)

* Fix visibility of retry failed message option

* Feedback review
This commit is contained in:
Elias Nahum 2019-01-07 17:10:16 -03:00
parent 72b6270f8e
commit adab0b31ac
No known key found for this signature in database
GPG key ID: E038DB71E0B61702

View file

@ -407,21 +407,19 @@ export default class PostBody extends PureComponent {
return (
<View style={style.messageContainerWithReplyBar}>
<View style={replyBarStyle}/>
<View style={[style.row]}>
{body}
{isFailed &&
<TouchableOpacity
onPress={onFailedPostPress}
style={style.retry}
>
<Icon
name='ios-information-circle-outline'
size={26}
color={theme.errorTextColor}
/>
</TouchableOpacity>
}
</View>
{body}
{isFailed &&
<TouchableOpacity
onPress={onFailedPostPress}
style={style.retry}
>
<Icon
name='ios-information-circle-outline'
size={26}
color={theme.errorTextColor}
/>
</TouchableOpacity>
}
</View>
);
}
@ -429,13 +427,10 @@ export default class PostBody extends PureComponent {
const getStyleSheet = makeStyleSheetFromTheme((theme) => {
return {
row: {
flexDirection: 'row',
},
messageBody: {
paddingBottom: 2,
paddingTop: 2,
width: '100%',
flex: 1,
},
messageContainer: {
width: '100%',
@ -445,7 +440,7 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => {
},
retry: {
justifyContent: 'center',
marginLeft: 12,
marginLeft: 10,
},
message: {
color: theme.centerChannelColor,
@ -454,6 +449,7 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => {
},
messageContainerWithReplyBar: {
flexDirection: 'row',
width: '100%',
},
pendingPost: {
opacity: 0.5,