mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-11-25 18:55:58 +03:00
Code Issues Projects Releases Packages Wiki Activity

Animate read receipts for all component updates

Browse source
This commit is contained in:
Germain Souquet 2021-04-08 10:36:38 +01:00
parent 8d60d85570
commit 86d2e577cf
1 changed files with 11 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -106,7 +106,18 @@ export default class ReadReceiptMarker extends React.PureComponent {
// we've already done our display - nothing more to do. // we've already done our display - nothing more to do.
return; return;
} }
this._animateMarker();
}
componentDidUpdate(prevProps) {
const differentLeftOffset = prevProps.leftOffset !== this.props.leftOffset;
const visibilityChanged = prevProps.hidden !== this.props.hidden;
if (differentLeftOffset || visibilityChanged) {
this._animateMarker();
}
}
_animateMarker() {
// treat new RRs as though they were off the top of the screen // treat new RRs as though they were off the top of the screen
let oldTop = -15; let oldTop = -15;