OverlayReactionsAvatar

OverlayReactionsAvatar component is used to display the avatar of the users who have reacted to the message. This is displayed on the message overlay, which opens up when the user presses on the reaction above the message.

This is the default component provided to the prop OverlayReactionsAvatar on the OverlayProvider component.

Props

required

reaction

Reaction which can be extracted from a message.

{
  alignment: clientId && clientId === reaction.user?.id ? 'right' : 'left',
  image: reaction?.user?.image,
  name: reaction?.user?.name || reaction.user_id || '',
  type: reaction.type,
};

Type
Object

size

Dimension for avatar image.

tip

You can also set the size for message avatar, using our theming system.

const theme = {
  avatar: {
    BASE_AVATAR_SIZE: 30,
  },
};

Type	Default
number	32