grey out sending messages (although they don't go black until you send another message currently: awaiting fix in js sdk).
parent
b31794cda5
commit
847e816035
|
@ -1,3 +1,11 @@
|
|||
.mx_MessageTile {
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
.mx_MessageTile.sending {
|
||||
color: #ddd;
|
||||
}
|
||||
|
||||
.mx_MessageTile.not_sent {
|
||||
color: #f11;
|
||||
}
|
||||
|
|
|
@ -1,5 +1,7 @@
|
|||
var React = require('react');
|
||||
|
||||
var classNames = require("classnames");
|
||||
|
||||
var ComponentBroker = require('../ComponentBroker');
|
||||
|
||||
var MessageTimestamp = ComponentBroker.get('atoms/MessageTimestamp');
|
||||
|
@ -20,8 +22,13 @@ module.exports = React.createClass({
|
|||
if (msgtype && 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 (
|
||||
<div className="mx_MessageTile">
|
||||
<div className={classes}>
|
||||
<MessageTimestamp ts={this.props.mxEvent.getTs()} />
|
||||
<SenderProfile mxEvent={this.props.mxEvent} />
|
||||
<TileType mxEvent={this.props.mxEvent} />
|
||||
|
|
Loading…
Reference in New Issue