MessageFooter
Component to render footer of message, which consists of read receipts, timestamp of message etc. This component uses MessageStatus
for rendering read receipts internally.
#
Basic UsageYou 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} />;
#
Propsrequired **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.
Type | Default |
---|---|
boolean | false |
overrides the value from MessageContext alignment#
Sets if the message should be aligned to right or left side of list.
Type | Default |
---|---|
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 up to 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 |