MessageStatus

Renders message status (read receipts, pending indicator, etc.) inside MessageList. This is the default component for the MessageStatus prop.

Best Practices

  • Respect privacy expectations before showing read receipts.
  • Keep status indicators subtle to avoid UI clutter.
  • Avoid heavy logic in render; use message state directly.
  • Use consistent icons/colors across message states.

Props

PropDescriptionType
messageMessage object.Message type
deliveredToCountNumber of members the message was delivered to.number
readByRead state for the message.boolean | number
formattedDateAlready formatted date passed to MessageTimestamp.string | Date | undefined
timestampRaw timestamp passed to MessageTimestamp.string | Date | undefined

UI Component Props

MessageTimestamp

Component used to render timestamp text for message status.

TypeDefault
ComponentTypeMessageTimestamp