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
| Prop | Description | Type |
|---|---|---|
message | Message object. | Message type |
deliveredToCount | Number of members the message was delivered to. | number |
readBy | Read state for the message. | boolean | number |
formattedDate | Already formatted date passed to MessageTimestamp. | string | Date | undefined |
timestamp | Raw timestamp passed to MessageTimestamp. | string | Date | undefined |
UI Component Props
MessageTimestamp
Component used to render timestamp text for message status.
| Type | Default |
|---|---|
| ComponentType | MessageTimestamp |