toki/mattermost-mobile
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

PLT-6129 There's no cutout in the profile picture for the offline indicator (React) (#436)

Browse source
This commit is contained in:
Chris Duarte 2017-03-30 14:27:34 -07:00 committed by enahum
parent 93f793905a
commit 903e0399a2
1 changed files with 21 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
app/components/profile_picture/profile_picture.js
View file

@ -65,6 +65,20 @@ export default class ProfilePicture extends React.PureComponent {
size={this.props.statusIconSize}
/>
);
} else {
statusIcon = (
<View
style={[style.offlineIcon, {
borderRadius: this.props.statusSize / 2,
height: this.props.statusSize - this.props.statusBorderWidth,
width: this.props.statusSize - this.props.statusBorderWidth,
borderWidth: Platform.select({
ios: this.props.statusBorderWidth,
android: this.props.statusBorderWidth / 2
})
}]}
/>
);
}
return (
@ -82,9 +96,9 @@ export default class ProfilePicture extends React.PureComponent {
width: this.props.statusSize,
height: this.props.statusSize,
borderWidth: this.props.statusBorderWidth,
borderRadius: this.props.statusSize / 2
},
(this.props.status === 'offline' && style.offline)
borderRadius: this.props.statusSize / 2,
borderColor: this.props.theme.centerChannelBg
}
]}
>
<View
@ -116,8 +130,7 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => {
right: 0,
overflow: 'hidden',
alignItems: 'center',
justifyContent: 'center',
borderColor: theme.centerChannelBg
justifyContent: 'center'
},
statusContainer: {
alignItems: 'center',
@ -134,7 +147,9 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => {
backgroundColor: theme.awayIndicator
},
offline: {
backgroundColor: theme.centerChannelBg,
backgroundColor: theme.centerChannelBg
},
offlineIcon: {
borderColor: '#bababa'
}
});