Add TabCompleteBar. Hook up display to whether we are currently tab completing.

src/components/structures/RoomView.js

@@ -90,7 +90,10 @@ module.exports = React.createClass({
         // completing at the start of the text
         this.tabComplete = new TabComplete({
             startingWordSuffix: ": ",
-            wordSuffix: " "
+            wordSuffix: " ",
+            onStateChange: (isCompleting) => {
+                this.forceUpdate();
+            }
         });
     },
 
@@ -1284,6 +1287,12 @@ module.exports = React.createClass({
                         </div>
                     );
                 }
+                else if (this.tabComplete.isTabCompleting()) {
+                    var TabCompleteBar = sdk.getComponent('rooms.TabCompleteBar');
+                    statusBar = (
+                        <TabCompleteBar />
+                    );
+                }
                 else if (this.state.hasUnsentMessages) {
                     statusBar = (
                         <div className="mx_RoomView_connectionLostBar">