matrix/matrix-react-sdk
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-11-11 20:22:36 +03:00
Code Activity

Added styling for unknown addresses

Browse Source
This commit is contained in:
wmwragg
2016-09-12 17:25:14 +01:00
parent 95d9df7534
commit 5a0a72ee46
1 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/views/elements/AddressTile.js
View File

@@ -60,7 +60,7 @@ module.exports = React.createClass({
imgUrl = Avatar.avatarUrlForUser(user, 25, 25, "crop");
} else {
name="Unknown";
imgUrl = "img/icon-email-user.svg";
imgUrl = "img/avatar-error.svg";
}
} else if (addrType === "email") {
email = this.props.address;
@@ -68,7 +68,7 @@ module.exports = React.createClass({
imgUrl = "img/icon-email-user.svg";
} else {
name="Unknown";
imgUrl = "img/icon-email-user.svg";
imgUrl = "img/avatar-error.svg";
}
var network;
@@ -81,6 +81,7 @@ module.exports = React.createClass({
}
var info;
var error = false;
if (userId) {
var nameClasses = classNames({
"mx_AddressTile_name": true,
@@ -108,6 +109,7 @@ module.exports = React.createClass({
<div className={emailClasses}>{ email }</div>
);
} else {
error = true;
var unknownClasses = classNames({
"mx_AddressTile_unknown": true,
"mx_AddressTile_justified": this.props.justified,
@@ -118,6 +120,11 @@ module.exports = React.createClass({
);
}
var classes = classNames({
"mx_AddressTile": true,
"mx_AddressTile_error": error,
});
var dismiss;
if (this.props.canDismiss) {
dismiss = (
@@ -128,7 +135,7 @@ module.exports = React.createClass({
}
return (
<div className="mx_AddressTile">
<div className={classes}>
{ network }
<div className="mx_AddressTile_avatar">
<BaseAvatar width={25} height={25} name={name} title={name} url={imgUrl} />