imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add read receipt times to the hovertip of read markers

Browse source 
Fixes #2709. Surprisingly, this data was never passed down to
ReadReceiptMarker.
This commit is contained in:
Kegan Dougal 2016-12-08 16:23:20 +00:00
parent 587325b36c
commit bd7553d1ea
3 changed files with 27 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/components/views/rooms/ReadReceiptMarker.js
View file

@ -60,6 +60,9 @@ module.exports = React.createClass({
// callback for clicks on this RR
onClick: React.PropTypes.func,
// Timestamp when the receipt was read
timestamp: React.PropTypes.number,
},
getDefaultProps: function() {
@ -162,6 +165,12 @@ module.exports = React.createClass({
visibility: this.props.hidden ? 'hidden' : 'visible',
};
var title;
if (this.props.timestamp) {
// "7:05:45 PM (@alice:matrix.org)"
title = new Date(this.props.timestamp).toLocaleTimeString() + " (" + this.props.member.userId + ")";
}
return (
<Velociraptor
startStyles={this.state.startStyles}
@ -170,6 +179,7 @@ module.exports = React.createClass({
member={this.props.member}
width={14} height={14} resizeMethod="crop"
style={style}
title={title}
onClick={this.props.onClick}
/>
</Velociraptor>