Info:
This is documentation for Stream Chat Angular SDK v5, which is no longer actively maintained. For up-to-date documentation, see the latest version (v7).

MessageReactionsService

The MessageReactionsService provides customization options to message reactions.

Properties

customReactionClickHandler

Optional customReactionClickHandler: (details: MessageReactionClickDetails) => void

By default the MessageReactionsComponent will display the reacting users when a reaction is clicked. You can override this with your own UI by providing a custom event handler.

The event handler can retrieve all reactions of a message using the messageReactionsService.queryReactions()

Type declaration

(details): void

Parameters
Name Type
details MessageReactionClickDetails
Returns

void

Defined in

projects/stream-chat-angular/src/lib/message-reactions.service.ts:32


reactions$

reactions$: BehaviorSubject<{}>

The enabled reactions and the associated emoji

You can provide any string as a reaction. The emoji can be provided as a string, if you want to use custom images for reactions you have to provide a custom reactions UI

Defined in

projects/stream-chat-angular/src/lib/message-reactions.service.ts:20

Accessors

reactions

get reactions(): Object

Get the currently enabled reactions

Returns

Object

Defined in

projects/stream-chat-angular/src/lib/message-reactions.service.ts:49

set reactions(reactions): void

Sets the enabled reactions

Parameters

Name Type
reactions Object

Returns

void

Defined in

projects/stream-chat-angular/src/lib/message-reactions.service.ts:42

Methods

queryReactions

queryReactions(messageId, type, next?): Promise<QueryReactionsAPIResponse<DefaultStreamChatGenerics>>

Query reactions of a specific message, more info in the API documentation

Parameters

Name Type
messageId string
type string
next? string

Returns

Promise<QueryReactionsAPIResponse<DefaultStreamChatGenerics>>

the reactions and the cursor for the next/prev pages

Defined in

projects/stream-chat-angular/src/lib/message-reactions.service.ts:60

Add Chat to my app: getstream.io/SKILL.md

The fastest way to build with Stream. Start a new project or improve an existing one. Full CLI and documentation integration out of the box.


Ask your agent:

/stream Build me a Social App with Feeds and Moderation.
/stream Any livestream calls running?
/stream Chat Angular v5: <Your Question>