Merge pull request #540 from GetStream/reaction-list-fix

szuperaz · web-flow · commit 559fb82dc608 · 2024-02-02T09:27:51.000+01:00
Reaction list fix
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -117,7 +117,7 @@
     "@ngx-translate/core": "^13.0.0",
     "@ngx-translate/http-loader": "^6.0.0",
     "@popperjs/core": "^2.11.5",
-    "@stream-io/stream-chat-css": "4.6.0",
+    "@stream-io/stream-chat-css": "4.6.1",
     "@stream-io/transliterate": "^1.5.2",
     "angular-mentions": "^1.4.0",
     "dayjs": "^1.10.7",
diff --git a/projects/stream-chat-angular/src/lib/message-reactions/message-reactions.component.ts b/projects/stream-chat-angular/src/lib/message-reactions/message-reactions.component.ts
@@ -229,10 +229,11 @@ export class MessageReactionsComponent
     return item.id;
   }
 
-  react(type: MessageReactionType) {
+  async react(type: MessageReactionType) {
     this.ownReactions.find((r) => r.type === type)
-      ? void this.channelService.removeReaction(this.messageId!, type)
-      : void this.channelService.addReaction(this.messageId!, type);
+      ? await this.channelService.removeReaction(this.messageId!, type)
+      : await this.channelService.addReaction(this.messageId!, type);
+    this.isSelectorOpenChange.emit(false);
   }
 
   isOwnReaction(reactionType: MessageReactionType) {

Original file line number	Diff line number	Diff line change
`@@ -229,10 +229,11 @@ export class MessageReactionsComponent`
`229`	`229`	`return item.id;`
`230`	`230`	`}`
`231`	`231`
`232`		`- react(type: MessageReactionType) {`
	`232`	`+ async react(type: MessageReactionType) {`
`233`	`233`	`this.ownReactions.find((r) => r.type === type)`
`234`		`- ? void this.channelService.removeReaction(this.messageId!, type)`
`235`		`- : void this.channelService.addReaction(this.messageId!, type);`
	`234`	`+ ? await this.channelService.removeReaction(this.messageId!, type)`
	`235`	`+ : await this.channelService.addReaction(this.messageId!, type);`
	`236`	`+ this.isSelectorOpenChange.emit(false);`
`236`	`237`	`}`
`237`	`238`
`238`	`239`	`isOwnReaction(reactionType: MessageReactionType) {`