diff --git a/src/components/views/groups/GroupMemberInfo.js b/src/components/views/groups/GroupMemberInfo.js
index 8bf63e635a..499fb43ccb 100644
--- a/src/components/views/groups/GroupMemberInfo.js
+++ b/src/components/views/groups/GroupMemberInfo.js
@@ -152,12 +152,21 @@ module.exports = withMatrixClient(React.createClass({
;
}
- const BaseAvatar = sdk.getComponent('avatars.BaseAvatar');
- const avatar = (
-
+ const avatarUrl = this.props.matrixClient.mxcUrlToHttp(
+ this.props.groupMember.avatarUrl,
+ 36, 36, 'crop',
);
- const groupMemberName = this.props.groupMember.userId;
+ const BaseAvatar = sdk.getComponent('avatars.BaseAvatar');
+ const avatar = (
+
+ );
+
+ const groupMemberName = (
+ this.props.groupMember.displayname || this.props.groupMember.userId
+ );
const EmojiText = sdk.getComponent('elements.EmojiText');
return (
diff --git a/src/components/views/groups/GroupMemberTile.js b/src/components/views/groups/GroupMemberTile.js
index 705fa56cae..f40c7ed1c5 100644
--- a/src/components/views/groups/GroupMemberTile.js
+++ b/src/components/views/groups/GroupMemberTile.js
@@ -48,11 +48,15 @@ export default withMatrixClient(React.createClass({
const EntityTile = sdk.getComponent('rooms.EntityTile');
const name = this.props.member.displayname || this.props.member.userId;
+ const avatarUrl = this.props.matrixClient.mxcUrlToHttp(
+ this.props.member.avatarUrl,
+ 36, 36, 'crop',
+ );
const av = (
);