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

Changed PostProfilePicture to be a PureComponent (#1105)

Browse source 
* Changed PostProfilePicture to be a PureComponent

* Updating style
This commit is contained in:
Harrison Healey 2017-11-08 10:19:27 -05:00 committed by enahum
parent 80906a776b
commit 585d7bc1e1
1 changed files with 52 additions and 49 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

101
app/components/post_profile_picture/post_profile_picture.js
View file

@ -1,7 +1,7 @@
// Copyright (c) 2017-present Mattermost, Inc. All Rights Reserved.
// See License.txt for license information.
import React from 'react';
import React, {PureComponent} from 'react';
import PropTypes from 'prop-types';
import {Image, TouchableOpacity, View} from 'react-native';
@ -12,29 +12,47 @@ import webhookIcon from 'assets/images/icons/webhook.jpg';
const PROFILE_PICTURE_SIZE = 32;
function PostProfilePicture(props) {
const {
enablePostIconOverride,
fromWebHook,
isSystemMessage,
onViewUserProfile,
overrideIconUrl,
theme,
userId
} = props;
if (isSystemMessage) {
return (
<View>
<AppIcon
color={theme.centerChannelColor}
height={PROFILE_PICTURE_SIZE}
width={PROFILE_PICTURE_SIZE}
/>
</View>
);
} else if (fromWebHook) {
if (enablePostIconOverride) {
export default class PostProfilePicture extends PureComponent {
static propTypes = {
enablePostIconOverride: PropTypes.bool,
fromWebHook: PropTypes.bool,
isSystemMessage: PropTypes.bool,
overrideIconUrl: PropTypes.string,
onViewUserProfile: PropTypes.func,
theme: PropTypes.object,
userId: PropTypes.string
};
static defaultProps = {
onViewUserProfile: emptyFunction
};
render() {
const {
enablePostIconOverride,
fromWebHook,
isSystemMessage,
onViewUserProfile,
overrideIconUrl,
theme,
userId
} = this.props;
if (isSystemMessage) {
return (
<View>
<AppIcon
color={theme.centerChannelColor}
height={PROFILE_PICTURE_SIZE}
width={PROFILE_PICTURE_SIZE}
/>
</View>
);
}
if (fromWebHook && enablePostIconOverride) {
const icon = overrideIconUrl ? {uri: overrideIconUrl} : webhookIcon;
return (
<View>
<Image
@ -49,36 +67,21 @@ function PostProfilePicture(props) {
);
}
return (
let component = (
<ProfilePicture
userId={userId}
size={PROFILE_PICTURE_SIZE}
/>
);
if (!fromWebHook) {
component = (
<TouchableOpacity onPress={onViewUserProfile}>
{component}
</TouchableOpacity>
);
}
return component;
}
return (
<TouchableOpacity onPress={onViewUserProfile}>
<ProfilePicture
userId={userId}
size={PROFILE_PICTURE_SIZE}
/>
</TouchableOpacity>
);
}
PostProfilePicture.propTypes = {
enablePostIconOverride: PropTypes.bool,
fromWebHook: PropTypes.bool,
isSystemMessage: PropTypes.bool,
overrideIconUrl: PropTypes.string,
onViewUserProfile: PropTypes.func,
theme: PropTypes.object,
userId: PropTypes.string
};
PostProfilePicture.defaultProps = {
onViewUserProfile: emptyFunction
};
export default PostProfilePicture;