diff --git a/src/TabComplete.js b/src/TabComplete.js index 7bb411b2b7..32d25da554 100644 --- a/src/TabComplete.js +++ b/src/TabComplete.js @@ -216,9 +216,9 @@ class TabComplete { } }; -TabComplete.Entry = function(text, image) { +TabComplete.Entry = function(text, imgUrl) { this.text = text; - this.image = image; + this.imgUrl = imgUrl; }; diff --git a/src/components/views/rooms/MessageComposer.js b/src/components/views/rooms/MessageComposer.js index 4d68cace8d..838f2cbb9a 100644 --- a/src/components/views/rooms/MessageComposer.js +++ b/src/components/views/rooms/MessageComposer.js @@ -204,7 +204,7 @@ module.exports = React.createClass({ var memberList = []; if (this.props.room) { // TODO: We should cache this list and only update it when the - // member list changes + // member list changes. It's also horrendous that this is done here. memberList = this.props.room.getJoinedMembers().sort(function(a, b) { var userA = a.user; var userB = b.user; @@ -229,7 +229,15 @@ module.exports = React.createClass({ } } }).map(function(m) { - return new TabComplete.Entry(m.name || m.userId); + var url = m.getAvatarUrl( + MatrixClientPeg.get().getHomeserverUrl(), 32, 32, "crop" + ); + return new TabComplete.Entry( + m.name || m.userId, + // TODO: annoying that the JS SDK can return 0-len strings when + // it should be returning null.. can't use truthy constructs! + url && url.length > 0 ? url : null + ); }); } if (this.props.tabComplete) { diff --git a/src/components/views/rooms/TabCompleteBar.js b/src/components/views/rooms/TabCompleteBar.js index af695eccc5..a4c804e28f 100644 --- a/src/components/views/rooms/TabCompleteBar.js +++ b/src/components/views/rooms/TabCompleteBar.js @@ -30,8 +30,14 @@ module.exports = React.createClass({ return (