grey out sending messages (although they don't go black until you send another message currently: awaiting fix in js sdk).

This commit is contained in:
David Baker 2015-06-18 15:49:41 +01:00
parent b31794cda5
commit 847e816035
2 changed files with 16 additions and 1 deletions

View file

@ -1,3 +1,11 @@
.mx_MessageTile { .mx_MessageTile {
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
} }
.mx_MessageTile.sending {
color: #ddd;
}
.mx_MessageTile.not_sent {
color: #f11;
}

View file

@ -1,5 +1,7 @@
var React = require('react'); var React = require('react');
var classNames = require("classnames");
var ComponentBroker = require('../ComponentBroker'); var ComponentBroker = require('../ComponentBroker');
var MessageTimestamp = ComponentBroker.get('atoms/MessageTimestamp'); var MessageTimestamp = ComponentBroker.get('atoms/MessageTimestamp');
@ -20,8 +22,13 @@ module.exports = React.createClass({
if (msgtype && tileTypes[msgtype]) { if (msgtype && tileTypes[msgtype]) {
TileType = tileTypes[msgtype]; TileType = tileTypes[msgtype];
} }
var classes = classNames({
mx_MessageTile: true,
sending: this.props.mxEvent.status == 'sending',
not_sent: this.props.mxEvent.status == 'not_sent'
});
return ( return (
<div className="mx_MessageTile"> <div className={classes}>
<MessageTimestamp ts={this.props.mxEvent.getTs()} /> <MessageTimestamp ts={this.props.mxEvent.getTs()} />
<SenderProfile mxEvent={this.props.mxEvent} /> <SenderProfile mxEvent={this.props.mxEvent} />
<TileType mxEvent={this.props.mxEvent} /> <TileType mxEvent={this.props.mxEvent} />