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

Webhook post override (#273)

Browse source
This commit is contained in:
Chris Duarte 2017-02-17 11:07:52 -08:00 committed by enahum
parent 98e742c27a
commit 8aea409ae6
1 changed files with 26 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
app/components/post/post.js
View file

@ -3,6 +3,7 @@
import React from 'react';
import {
Image,
StyleSheet,
Text,
TouchableHighlight,
@ -78,6 +79,11 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => {
},
systemMessage: {
opacity: 0.5
},
webhookMessage: {
color: theme.centerChannelColor,
fontSize: 16,
fontWeight: '600'
}
});
});
@ -162,6 +168,7 @@ export default class Post extends React.Component {
render() {
const style = getStyleSheet(this.props.theme);
const PROFILE_PICTURE_SIZE = 32;
let profilePicture;
let displayName;
@ -171,8 +178,8 @@ export default class Post extends React.Component {
<View style={style.profilePicture}>
<MattermostIcon
color={this.props.theme.centerChannelColor}
height={32}
width={32}
height={PROFILE_PICTURE_SIZE}
width={PROFILE_PICTURE_SIZE}
/>
</View>
);
@ -185,11 +192,27 @@ export default class Post extends React.Component {
);
messageStyle = [style.message, style.systemMessage];
} else if (this.props.post.props && this.props.post.props.from_webhook) {
profilePicture = (
<View style={style.profilePicture}>
<Image
source={{uri: this.props.post.props.override_icon_url}}
style={{
height: PROFILE_PICTURE_SIZE,
width: PROFILE_PICTURE_SIZE,
borderRadius: PROFILE_PICTURE_SIZE / 2
}}
/>
</View>
);
displayName = this.props.post.props.override_username;
messageStyle = [style.message, style.webhookMessage];
} else {
profilePicture = (
<ProfilePicture
user={this.props.user}
size={32}
size={PROFILE_PICTURE_SIZE}
/>
);