PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Added justification for the AddressTile, when requested

Browse source
This commit is contained in:
wmwragg 2016-09-07 10:55:44 +01:00
parent 45256f5d58
commit 7e60012bd4
2 changed files with 16 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/views/dialogs/ChatInviteDialog.js
View file

@ -175,7 +175,7 @@ module.exports = React.createClass({
queryList.push(
<div className={classes} key={i} >
<AddressTile user={this.state.queryList[i]} canDismiss={false} />
<AddressTile user={this.state.queryList[i]} justified="true" />
</div>
);
}

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

@ -17,6 +17,7 @@ limitations under the License.
'use strict';
var React = require('react');
var classNames = require('classnames');
var sdk = require("../../../index");
var Avatar = require('../../../Avatar');
@ -27,12 +28,14 @@ module.exports = React.createClass({
user: React.PropTypes.object.isRequired,
canDismiss: React.PropTypes.bool,
onDismissed: React.PropTypes.func,
justified: React.PropTypes.bool,
},
getDefaultProps: function() {
return {
canDismiss: false,
onDismissed: function() {}, // NOP
justified: false,
};
},
@ -52,13 +55,23 @@ module.exports = React.createClass({
);
}
var nameClasses = classNames({
"mx_AddressTile_name": true,
"mx_AddressTile_justified": this.props.justified,
});
var idClasses = classNames({
"mx_AddressTile_id": true,
"mx_AddressTile_justified": this.props.justified,
});
return (
<div className="mx_AddressTile">
<div className="mx_AddressTile_avatar">
<BaseAvatar width={25} height={25} name={name} title={name} url={imgUrl} />
</div>
<div className="mx_AddressTile_name">{ name }</div>
<div className="mx_AddressTile_id">{ userId }</div>
<div className={nameClasses}>{ name }</div>
<div className={idClasses}>{ userId }</div>
{ dismiss }
</div>
);