MessageSimple

Component to render a message within the MessageList. This component has been well optimized to save un-necessary re-renderings. This is the default component provided to the prop MessageSimple on the Channel component.

Props

alignment

Sets if the message should be aligned to right or left side of list.

channel

Channel instance from the StreamChat client.

enableMessageGroupingByUser

Note: This prop is available only in SDK version >= v3.9.0

If false, consecutive messages from same user won’t be grouped together.

groupStyles

Position of message in the group. A message group is a group of consecutive messages from the same user. groupStyles can be used to style the message as per their position in message group.

For example, user avatar (to which message belongs to) is only showed for last (bottom) message in group.

hasReactions

True if the message has at least 1 reaction.

isMyMessage

True if the message is sent by current user (connected to chat).

lastGroupMessage

Whether or not this is the last message in a group of messages.

members

Members of current channel. This value is received from backend when you query a channel, either using client.queryChannels() or channel.watch() API call.

Record<
  string, // userId
  {
    banned?: boolean;
    created_at?: string;
    invite_accepted_at?: string;
    invite_rejected_at?: string;
    invited?: boolean;
    is_moderator?: boolean;
    role?: string;
    shadow_banned?: boolean;
    updated_at?: string;
    user?: UserResponse<UserType>;
    user_id?: string;
  }
>;

message

Message object.

onlyEmojis

True if the message text only contains emojis and nothing else.

otherAttachments

All the attachments on the message except for types file and image.

showMessageStatus

When false, message status (read receipt, pending state indicator) won’t be rendered. By default, this value is true for messages sent by current user of chat.

MyMessageTheme

Theme applied to messages of the current user.

UI Component Props

MessageAvatar

Component to render avatar of sender for message, within MessageList. This component is only rendered for messages from other users.

MessageContent

Component to render content of message including status, attachments, reactions etc., within MessageList.

MessageDeleted

Component to render deleted message.

MessageFooter

Component to render footer for message, within MessageList.

MessageHeader

Component to render header for message, within MessageList.

MessagePinnedHeader

Component to render pinned message label for message, within MessageList.

MessageReplies

Component to show number of thread replies and avatars of members who replied on message

MessageStatus

Component to render status of message, which includes time and read-receipts.

ReactionListBottom

Component to render list of reactions at the bottom of the message bubble.

ReactionListPosition

The position of the reaction list in the message component. By default, the reaction list is positioned on top the message content.

ReactionListTop

Component to render list of reactions at top of the message bubble.