2015-06-09 12:40:42 -04:00
|
|
|
var React = require('react');
|
2015-06-12 12:34:17 -04:00
|
|
|
var classNames = require('classnames');
|
|
|
|
|
2015-06-19 07:53:48 -04:00
|
|
|
var RoomTileController = require("../../controllers/molecules/RoomTile");
|
2015-06-09 12:40:42 -04:00
|
|
|
|
2015-06-22 09:48:58 -04:00
|
|
|
var MatrixClientPeg = require("../../MatrixClientPeg");
|
|
|
|
|
2015-06-09 12:40:42 -04:00
|
|
|
module.exports = React.createClass({
|
2015-06-19 11:21:09 -04:00
|
|
|
displayName: 'RoomTile',
|
2015-06-19 07:53:48 -04:00
|
|
|
mixins: [RoomTileController],
|
2015-06-09 12:40:42 -04:00
|
|
|
render: function() {
|
2015-06-22 09:48:58 -04:00
|
|
|
var myUserId = MatrixClientPeg.get().credentials.userId;
|
2015-06-12 12:34:17 -04:00
|
|
|
var classes = classNames({
|
|
|
|
'mx_RoomTile': true,
|
2015-06-18 09:35:17 -04:00
|
|
|
'selected': this.props.selected,
|
2015-06-22 09:48:58 -04:00
|
|
|
'unread': this.props.unread,
|
|
|
|
'invited': this.props.room.currentState.members[myUserId].membership == 'invite'
|
2015-06-12 12:34:17 -04:00
|
|
|
});
|
2015-06-09 12:40:42 -04:00
|
|
|
return (
|
2015-06-12 12:34:17 -04:00
|
|
|
<div className={classes} onClick={this.onClick}>
|
2015-06-12 09:59:33 -04:00
|
|
|
<div className="mx_RoomTile_name">{this.props.room.name}</div>
|
2015-06-09 12:40:42 -04:00
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
});
|