From 91b1c1f0fc22e227f424c6e1d5b6f422c3f6cc77 Mon Sep 17 00:00:00 2001
From: wmwragg <wm.wragg@gmail.com>
Date: Tue, 6 Sep 2016 16:39:50 +0100
Subject: [PATCH] Initial highlighting selected address - styling not final

---
 src/components/views/dialogs/ChatInviteDialog.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/views/dialogs/ChatInviteDialog.js b/src/components/views/dialogs/ChatInviteDialog.js
index 6d4d9feef8..6c8569055a 100644
--- a/src/components/views/dialogs/ChatInviteDialog.js
+++ b/src/components/views/dialogs/ChatInviteDialog.js
@@ -15,6 +15,7 @@ limitations under the License.
 */
 
 var React = require("react");
+var classNames = require('classnames');
 var sdk = require("../../../index");
 var Invite = require("../../../Invite");
 var createRoom = require("../../../createRoom");
@@ -149,8 +150,13 @@ module.exports = React.createClass({
         var queryList = [];
         if (this.state.queryList.length > 0) {
             for (var i = 0; i <= maxSelected; i++) {
+                var classes = classNames({
+                    "mx_ChatInviteDialog_queryListElement": true,
+                    "mx_ChatInviteDialog_selected": this.state.selected === i,
+                });
+
                 queryList.push(
-                    <div className="mx_ChatInviteDialog_queryListElement" key={i} >
+                    <div className={classes} key={i} >
                         <AddressTile user={this.state.queryList[i]} canDismiss={false} />
                     </div>
                 );