# MessageFooter

Renders the message footer (name, status, timestamp, and edited label). Uses [`MessageStatus`](https://getstream.io/chat/docs/sdk/react-native/ui-components/message-status/) for delivery/read state and [`MessageTimestamp`](https://getstream.io/chat/docs/sdk/react-native/ui-components/message-timestamp/) for the timestamp. The "Edited" label is rendered inline here — see [Message Edited Timestamp](https://getstream.io/chat/docs/sdk/react-native/ui-components/message-edited-timestamp/).

## Best Practices

- Keep footer content minimal to reduce visual noise.
- Use `formattedDate` when you need full control over timestamp text.
- Keep `showMessageStatus` behavior aligned with message ownership rules.
- Avoid expensive logic in custom footer components.
- Keep read receipts consistent with your product's privacy settings.

## Props

| Prop                   | Description                                                                                                                                                 | Type                              |
| ---------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------- |
| `date`                 | Timestamp shown in the message footer.                                                                                                                      | `string` \| `Date` \| `undefined` |
| `formattedDate`        | Already formatted date to display instead of computed timestamp.                                                                                            | `string` \| `Date` \| `undefined` |
| `alignment`            | Sets whether the message aligns left or right in the list. Defaults to `'right'`.                                                                           | `enum('right', 'left')`           |
| `lastGroupMessage`     | Whether or not this is the last message in a group of messages.                                                                                             | `boolean`                         |
| `members`              | Members of current channel. Returns only up to 100 members; use `client.queryMembers()` for larger channels.                                                | `object`                          |
| `message`              | Message object.                                                                                                                                             | `Message` type                    |
| `isMessageAIGenerated` | Factory function that determines whether a message is AI-generated. Read from `MessageContext`; the "Edited" label is suppressed for AI-generated messages. | `function`                        |
| `showMessageStatus`    | When false, message status (read receipt, pending indicator) isn't rendered. Defaults to true for messages sent by the current user.                        | `boolean`                         |

## UI Component Props

| Prop               | Description                                                                                                                                     | Type            |
| ------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------- | --------------- |
| `MessageStatus`    | Component used to render delivery/read state. Defaults to [`MessageStatus`](https://getstream.io/chat/docs/sdk/react-native/ui-components/message-status/).         | `ComponentType` |
| `MessageTimestamp` | Component used to render the message timestamp. Defaults to [`MessageTimestamp`](https://getstream.io/chat/docs/sdk/react-native/ui-components/message-timestamp/). | `ComponentType` |

---

For the most recent version of this documentation, visit [https://getstream.io/chat/docs/sdk/react-native/ui-components/message-footer/](https://getstream.io/chat/docs/sdk/react-native/ui-components/message-footer/).