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:
parent
b31794cda5
commit
847e816035
|
@ -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;
|
||||||
|
}
|
||||||
|
|
|
@ -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} />
|
||||||
|
|
Loading…
Reference in New Issue