ReactionInfoConfiguration

You can modify the Reaction Info component’s properties using the ReactionInfoConfiguration object. To use a configuration, you simply need to pass it to respective parameter.

The ReactionInfoConfiguration supports the following properties:

Configurable Properties

Name	Description
reactionInfoStyle	Styling properties and values of the ReactionInfoStyle component which controls the look of the reaction information.
reactionsRequestBuilder	An instance of ReactionsRequestBuilder which allows you to set various parameters for fetching reactions.
loadingIconURL	Asset URL for the loading icon. The default value points to an embedded loading icon.
errorIconURL	Asset URL for the error icon. The default value points to an embedded error icon.

You can create an instance of ReactionInfoConfiguration and pass it as a property to customize these attributes.

const reactionInfoConfig = new ReactionInfoConfiguration({
    reactionInfoStyle: new ReactionInfoStyle({}),
    reactionsRequestBuilder: new CometChat.ReactionsRequestBuilder(),
    loadingIconURL: 'url_to_your_custom_loading_icon',
    errorIconURL: 'url_to_your_custom_error_icon',
});

Usage

    let messagesConfiguration = new MessagesConfiguration({
      messageListConfiguration:new MessageListConfiguration({
        reactionsConfiguration: new ReactionsConfiguration({
          reactionInfoConfiguration:reactionInfoConfig
        })
      })
    })

  <cometchat-conversations-with-messages [messagesConfiguration]="messagesConfiguration"  ></cometchat-conversations-with-messages>