mad-star-studio/element-web
2
0
Fork 0
Code Pull requests Activity

shove initials onto default room & member avatars as per the design

Browse source
This commit is contained in:
Matthew Hodgson 2015-11-09 02:12:26 +00:00
parent 05d921256f
commit a3082753ef
4 changed files with 75 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/skins/vector/views/atoms/MemberAvatar.js
View file

@ -40,6 +40,25 @@ module.exports = React.createClass({
},
render: function() {
// XXX: recalculates default avatar url constantly
if (this.state.imageUrl === this.defaultAvatarUrl(this.props.member)) {
var initial;
if (this.props.member.name[0])
initial = this.props.member.name[0].toUpperCase();
if (initial === '@' && this.props.member.name[1])
initial = this.props.member.name[1].toUpperCase();
return (
<span>
<span className="mx_MemberAvatar_initial"
style={{ fontSize: (this.props.width * 0.75) + "px",
width: this.props.width + "px",
lineHeight: this.props.height*1.2 + "px" }}>{ initial }</span>
<img className="mx_MemberAvatar" src={this.state.imageUrl}
onError={this.onError} width={this.props.width} height={this.props.height} />
</span>
);
}
return (
<img className="mx_MemberAvatar" src={this.state.imageUrl}
onError={this.onError}