mirrors/vector-im-hydrogen-web
1
0
Fork 0
mirror of https://github.com/vector-im/hydrogen-web.git synced 2024-12-23 19:45:05 +01:00
Code Issues Projects Releases Wiki Activity

determine toggle state correctly with both pending redaction & reaction

Browse Source
This commit is contained in:
Bruno Windels 2021-06-23 11:41:28 +02:00
parent 616d701ebb
commit b153613200
1 changed files with 41 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
src/domain/session/room/timeline/ReactionsViewModel.js
View File

@ -16,8 +16,8 @@ limitations under the License.
import {ObservableMap} from "../../../../observable/map/ObservableMap.js"; import {ObservableMap} from "../../../../observable/map/ObservableMap.js";
export class ReactionsViewModel { export class ReactionsViewModel {
constructor(parentEntry) { constructor(parentTile) {
this._parentEntry = parentEntry; this._parentTile = parentTile;
this._map = new ObservableMap(); this._map = new ObservableMap();
this._reactions = this._map.sortValues((a, b) => a._compare(b)); this._reactions = this._map.sortValues((a, b) => a._compare(b));
} }
@ -34,7 +34,7 @@ export class ReactionsViewModel {
this._map.update(key); this._map.update(key);
} }
} else { } else {
this._map.add(key, new ReactionViewModel(key, annotation, null, this._parentEntry)); this._map.add(key, new ReactionViewModel(key, annotation, null, this._parentTile));
} }
} }
} }
@ -47,7 +47,7 @@ export class ReactionsViewModel {
this._map.update(key); this._map.update(key);
} }
} else { } else {
this._map.add(key, new ReactionViewModel(key, null, count, this._parentEntry)); this._map.add(key, new ReactionViewModel(key, null, count, this._parentTile));
} }
} }
} }
@ -71,14 +71,18 @@ export class ReactionsViewModel {
get reactions() { get reactions() {
return this._reactions; return this._reactions;
} }
getReactionViewModelForKey(key) {
return this._map.get(key);
}
} }
class ReactionViewModel { class ReactionViewModel {
constructor(key, annotation, pendingCount, parentEntry) { constructor(key, annotation, pendingCount, parentTile) {
this._key = key; this._key = key;
this._annotation = annotation; this._annotation = annotation;
this._pendingCount = pendingCount; this._pendingCount = pendingCount;
this._parentEntry = parentEntry; this._parentTile = parentTile;
this._isToggling = false; this._isToggling = false;
} }
@ -154,24 +158,38 @@ class ReactionViewModel {
} }
} }
async toggleReaction() { toggleReaction(log = null) {
return this._parentTile.logger.wrapOrRun(log, "toggleReaction", async log => {
if (this._isToggling) { if (this._isToggling) {
log.set("busy", true);
return; return;
} }
this._isToggling = true; this._isToggling = true;
try { try {
// TODO: should some of this go into BaseMessageTile? // determine whether if everything pending is sent, if we have a
const haveLocalRedaction = this.isPending && this._pendingCount <= 0; // reaction or not. This depends on the order of the pending events ofcourse,
const havePendingReaction = this.isPending && this._pendingCount > 0; // which we don't have access to here, but we assume that a redaction comes first
// if we have a remote reaction
const {isPending} = this;
const haveRemoteReaction = this._annotation?.me; const haveRemoteReaction = this._annotation?.me;
const haveReaction = havePendingReaction || (haveRemoteReaction && !haveLocalRedaction); const haveLocalRedaction = isPending && this._pendingCount <= 0;
const haveLocalReaction = isPending && this._pendingCount >= 0;
const haveReaction = (haveRemoteReaction && !haveLocalRedaction) ||
// if remote, then assume redaction comes first and reaction last, so final state is reacted
(haveRemoteReaction && haveLocalRedaction && haveLocalReaction) ||
(!haveRemoteReaction && !haveLocalRedaction && haveLocalReaction);
log.set({status: haveReaction ? "redact" : "react", haveLocalRedaction, haveLocalReaction, haveRemoteReaction, haveReaction, remoteCount: this._annotation?.count, pendingCount: this._pendingCount});
if (haveReaction) { if (haveReaction) {
await this._parentEntry.redactReaction(this.key); await this._parentTile.redactReaction(this.key, log);
} else { } else {
await this._parentEntry.react(this.key); await this._parentTile.react(this.key, log);
} }
} finally { } finally {
this._isToggling = false; this._isToggling = false;
} }
});
}
}
}
} }
} }