diff --git a/src/components/structures/GroupView.js b/src/components/structures/GroupView.js
index f5ee35c1ea..bced15f4e5 100644
--- a/src/components/structures/GroupView.js
+++ b/src/components/structures/GroupView.js
@@ -38,6 +38,9 @@ const RoomSummaryType = PropTypes.shape({
const UserSummaryType = PropTypes.shape({
summaryInfo: PropTypes.shape({
user_id: PropTypes.string.isRequired,
+ role_id: PropTypes.string,
+ avatar_url: PropTypes.string,
+ displayname: PropTypes.string,
}).isRequired,
});
@@ -194,13 +197,16 @@ const FeaturedUser = React.createClass({
},
render: function() {
- // Add avatar once we get profile info inline in the summary response
- //const BaseAvatar = sdk.getComponent("avatars.BaseAvatar");
+ const BaseAvatar = sdk.getComponent("avatars.BaseAvatar");
+ const name = this.props.summaryInfo.displayname || this.props.summaryInfo.user_id.slice(1);
const permalink = 'https://matrix.to/#/' + this.props.summaryInfo.user_id;
- const userNameNode = {this.props.summaryInfo.user_id};
+ const userNameNode = {name};
+ const httpUrl = MatrixClientPeg.get()
+ .mxcUrlToHttp(this.props.summaryInfo.avatar_url, 64, 64);
return
+
{userNameNode}
;
},