diff --git a/src/components/views/rooms/EntityTile.js b/src/components/views/rooms/EntityTile.js index 24577080e8..08471d0776 100644 --- a/src/components/views/rooms/EntityTile.js +++ b/src/components/views/rooms/EntityTile.js @@ -23,9 +23,9 @@ var sdk = require('../../../index'); var PRESENCE_CLASS = { - "offline": "mx_MemberTile_offline", - "online": "mx_MemberTile_online", - "unavailable": "mx_MemberTile_unavailable" + "offline": "mx_EntityTile_offline", + "online": "mx_EntityTile_online", + "unavailable": "mx_EntityTile_unavailable" }; module.exports = React.createClass({ @@ -73,19 +73,19 @@ module.exports = React.createClass({ render: function() { var presenceClass = PRESENCE_CLASS[this.props.presenceState]; - var mainClassName = "mx_MemberTile "; + var mainClassName = "mx_EntityTile "; mainClassName += presenceClass; if (this.state.hover) { - mainClassName += " mx_MemberTile_hover"; + mainClassName += " mx_EntityTile_hover"; } var nameEl; if (this.state.hover) { var PresenceLabel = sdk.getComponent("rooms.PresenceLabel"); nameEl = ( -
- -
{ this.props.name }
+
+ +
{ this.props.name }
@@ -93,12 +93,22 @@ module.exports = React.createClass({ } else { nameEl = ( -
+
{ this.props.name }
); } + var inviteButton; + if (this.props.showInviteButton) { + inviteButton = ( +
+ +
+ ); + } + + var MemberAvatar = sdk.getComponent('avatars.MemberAvatar'); var BaseAvatar = sdk.getComponent('avatars.BaseAvatar'); @@ -108,10 +118,11 @@ module.exports = React.createClass({
-
+
{av}
{ nameEl } + { inviteButton }
); } diff --git a/src/components/views/rooms/SearchableEntityList.js b/src/components/views/rooms/SearchableEntityList.js index 50c0a1b726..52f3307bcd 100644 --- a/src/components/views/rooms/SearchableEntityList.js +++ b/src/components/views/rooms/SearchableEntityList.js @@ -27,8 +27,7 @@ var SearchableEntityList = React.createClass({ searchPlaceholderText: React.PropTypes.string, emptyQueryShowsAll: React.PropTypes.bool, onSubmit: React.PropTypes.func, // fn(inputText) - entities: React.PropTypes.array, - onEntityClick: React.PropTypes.func + entities: React.PropTypes.array }, getDefaultProps: function() { @@ -36,8 +35,7 @@ var SearchableEntityList = React.createClass({ searchPlaceholderText: "Search", entities: [], emptyQueryShowsAll: false, - onSubmit: function() {}, - onEntityClick: function() {} + onSubmit: function() {} }; }, @@ -80,7 +78,7 @@ var SearchableEntityList = React.createClass({
{this.state.results.map((entity) => { - return entity.getJsx(this.props.onEntityClick); + return entity.getJsx(); })}