Reshuffle to put "HTML" (JSX) and CSS together as a theme with logic elsewhere.

themes/base/views/molecules/RoomTile.js

@@ -0,0 +1,25 @@
+var React = require('react');
+var classNames = require('classnames');
+
+var RoomTileController = require("../../../../src/controllers/molecules/RoomTile");
+
+var MatrixClientPeg = require("../../../../src/MatrixClientPeg");
+
+module.exports = React.createClass({
+    displayName: 'RoomTile',
+    mixins: [RoomTileController],
+    render: function() {
+        var myUserId = MatrixClientPeg.get().credentials.userId;
+        var classes = classNames({
+            'mx_RoomTile': true,
+            'selected': this.props.selected,
+            'unread': this.props.unread,
+            'invited': this.props.room.currentState.members[myUserId].membership == 'invite'
+        });
+        return (
+            <div className={classes} onClick={this.onClick}>
+                <div className="mx_RoomTile_name">{this.props.room.name}</div>
+            </div>
+        );
+    }
+});