Skip to main content
Version: v3

MessageFooter

Component to render footer of message, which consists of read receipts, timestamp of message etc. This component uses MessageStatus for rendering read recipts internally.

Basic Usage#

You can customize the MessageFooter component and provide it back to the SDK via the MessageFooter prop on Channel if desired. Replacing the formattedDate function used by the MessageFooter throughout the SDK with your own is easily accomplished.

import { Channel, MessageFooter } from 'stream-chat-react-native';

const getDateTimeStamp = message => `My new date is ${message.created_at}`;

const CustomMessageFooter = ({ message }) => {
const dateFormatted = useMemo(() => getDateTimeStamp(message), [message.created_at]);

<MessageFooter formattedDate={dateFormatted} />;
};

<Channel MessageFooter={CustomMessageFooter} />;

Props#

required
formattedDate#

Datetime stamp to be shown in footer for deleted message.

Type
string

required
isDeleted#

Weather message is deleted or not. In case of deleted message, 'Only visible to you' subtext will be rendered in this component.

TypeDefault
booleanfalse

overrides the value from MessageContext
alignment#

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

TypeDefault
enum('right', 'left')'right'

overrides the value from MessageContext
lastGroupMessage#

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

Type
boolean

overrides the value from MessageContext
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.

caution

client.queryChannels() or channel.watch() returns only upto 100 members of channel. So if you expect total number of members to be > 100, its better to use client.queryMembers() api endpoint separately to get the list of members.

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;
}
>;
Type
object

overrides the value from MessageContext
message#

Message object

Type
object

overrides the value from MessageContext
otherAttachments#

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

Type
array

overrides the value from MessageContext
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.

Type
boolean

Did you find this page helpful?