imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Mouse actions on the queryList added, as well as better queryListElement styling

Browse source
This commit is contained in:
wmwragg 2016-09-07 16:18:50 +01:00
parent dd186dd612
commit ca3910f5a8
2 changed files with 62 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/components/views/elements/AddressTile.js
View file

@ -29,6 +29,8 @@ module.exports = React.createClass({
canDismiss: React.PropTypes.bool,
onDismissed: React.PropTypes.func,
justified: React.PropTypes.bool,
networkName: React.PropTypes.string,
networkUrl: React.PropTypes.string,
},
getDefaultProps: function() {
@ -36,6 +38,8 @@ module.exports = React.createClass({
canDismiss: false,
onDismissed: function() {}, // NOP
justified: false,
networkName: "",
networkUrl: "",
};
},
@ -46,6 +50,15 @@ module.exports = React.createClass({
var name = this.props.user.displayName || userId;
var imgUrl = Avatar.avatarUrlForUser(this.props.user, 25, 25, "crop");
var network;
if (this.props.networkUrl !== "") {
network = (
<div className="mx_AddressTile_network">
<BaseAvatar width={25} height={25} name={this.props.networkName} title="vector" url={this.props.networkUrl} />
</div>
);
}
var dismiss;
if (this.props.canDismiss) {
dismiss = (
@ -67,6 +80,7 @@ module.exports = React.createClass({
return (
<div className="mx_AddressTile">
{ network }
<div className="mx_AddressTile_avatar">
<BaseAvatar width={25} height={25} name={name} title={name} url={imgUrl} />
</div>