OpenCloud
/
riot-web
mirror of https://github.com/vector-im/riot-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Implement avatar, displayname for featured users 

Profile data has been added to the API response for users in the group summary
pull/21833/head
Luke Barnard 2017-09-20 16:54:12 +01:00
parent 1c1bf82c2a
commit adf0a79585
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/structures/GroupView.js
View File

@ -38,6 +38,9 @@ const RoomSummaryType = PropTypes.shape({
const UserSummaryType = PropTypes.shape({ const UserSummaryType = PropTypes.shape({
summaryInfo: PropTypes.shape({ summaryInfo: PropTypes.shape({
user_id: PropTypes.string.isRequired, user_id: PropTypes.string.isRequired,
role_id: PropTypes.string,
avatar_url: PropTypes.string,
displayname: PropTypes.string,
}).isRequired, }).isRequired,
}); });
@ -194,13 +197,16 @@ const FeaturedUser = React.createClass({
}, },
render: function() { 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 permalink = 'https://matrix.to/#/' + this.props.summaryInfo.user_id;
const userNameNode = <a href={permalink} onClick={this.onClick} >{this.props.summaryInfo.user_id}</a>; const userNameNode = <a href={permalink} onClick={this.onClick}>{name}</a>;
const httpUrl = MatrixClientPeg.get()
.mxcUrlToHttp(this.props.summaryInfo.avatar_url, 64, 64);
return <AccessibleButton className="mx_GroupView_featuredThing" onClick={this.onClick}> return <AccessibleButton className="mx_GroupView_featuredThing" onClick={this.onClick}>
<BaseAvatar name={name} url={httpUrl} width={64} height={64} />
<div className="mx_GroupView_featuredThing_name">{userNameNode}</div> <div className="mx_GroupView_featuredThing_name">{userNameNode}</div>
</AccessibleButton>; </AccessibleButton>;
}, },