diff --git a/src/components/views/dialogs/ChatInviteDialog.js b/src/components/views/dialogs/ChatInviteDialog.js
index e9a041357f..7fee741e47 100644
--- a/src/components/views/dialogs/ChatInviteDialog.js
+++ b/src/components/views/dialogs/ChatInviteDialog.js
@@ -396,11 +396,16 @@ module.exports = React.createClass({
if (this.state.error) {
error =
You have entered an invalid contact. Try using their Matrix ID or email address.
} else {
+ const addressSelectorHeader =
+ Searching known users
+
;
addressSelector = (
{this.addressSelector = ref}}
addressList={ this.state.queryList }
onSelected={ this.onSelected }
- truncateAt={ TRUNCATE_QUERY_LIST } />
+ truncateAt={ TRUNCATE_QUERY_LIST }
+ header={ addressSelectorHeader }
+ />
);
}
diff --git a/src/components/views/elements/AddressSelector.js b/src/components/views/elements/AddressSelector.js
index 2c2d7e2d61..8b2855e99d 100644
--- a/src/components/views/elements/AddressSelector.js
+++ b/src/components/views/elements/AddressSelector.js
@@ -28,6 +28,9 @@ module.exports = React.createClass({
addressList: React.PropTypes.array.isRequired,
truncateAt: React.PropTypes.number.isRequired,
selected: React.PropTypes.number,
+
+ // Element to put as a header on top of the list
+ header: React.PropTypes.node,
},
getInitialState: function() {
@@ -147,6 +150,7 @@ module.exports = React.createClass({
return (
{this.scrollElement = ref}}>
+ { this.props.header }
{ this.createAddressListTiles() }
);