Add TabComplete.Entry so we can render images AND text(!) - Add peek() option, all broken.

src/components/structures/RoomView.js

@@ -1290,7 +1290,7 @@ module.exports = React.createClass({
                 else if (this.tabComplete.isTabCompleting()) {
                     var TabCompleteBar = sdk.getComponent('rooms.TabCompleteBar');
                     statusBar = (
-                        <TabCompleteBar />
+                        <TabCompleteBar entries={this.tabComplete.peek(3)} />
                     );
                 }
                 else if (this.state.hasUnsentMessages) {

src/components/views/rooms/MessageComposer.js

@@ -31,6 +31,7 @@ var MatrixClientPeg = require("../../../MatrixClientPeg");
 var SlashCommands = require("../../../SlashCommands");
 var Modal = require("../../../Modal");
 var CallHandler = require('../../../CallHandler');
+var TabComplete = require("../../../TabComplete");
 var sdk = require('../../../index');
 
 var dis = require("../../../dispatcher");
@@ -228,7 +229,7 @@ module.exports = React.createClass({
                         }
                     }
                 }).map(function(m) {
-                    return m.name || m.userId;
+                    return new TabComplete.Entry(m.name || m.userId);
                 });
             }
             if (this.props.tabComplete) {

src/components/views/rooms/TabCompleteBar.js

@@ -22,9 +22,19 @@ var MatrixClientPeg = require("../../../MatrixClientPeg");
 module.exports = React.createClass({
     displayName: 'TabCompleteBar',
 
+    propTypes: {
+        entries: React.PropTypes.array.isRequired
+    },
+
     render: function() {
         return (
-            <div> Tab Complete </div>
+            <div>
+            {this.props.entries.map(function(entry, i) {
+                return (
+                    <div key={i + ""}>{entry.text}</div>
+                );
+            })}
+            </div>
         );
     }
 });