stream-chat-react
Version:
React components to create chat conversations or livestream style chat
21 lines (20 loc) • 1.13 kB
JavaScript
import React from 'react';
import { useTranslationContext } from '../../context/TranslationContext';
import { useChannelStateContext } from '../../context';
const UnMemoizedMessageRepliesCountButton = (props) => {
const { labelPlural, labelSingle, onClick, reply_count = 0 } = props;
const { channelCapabilities } = useChannelStateContext();
const { t } = useTranslationContext('MessageRepliesCountButton');
if (!reply_count)
return null;
let replyCountText = t('replyCount', { count: reply_count });
if (labelPlural && reply_count > 1) {
replyCountText = `${reply_count} ${labelPlural}`;
}
else if (labelSingle) {
replyCountText = `1 ${labelSingle}`;
}
return (React.createElement("div", { className: 'str-chat__message-replies-count-button-wrapper' },
React.createElement("button", { className: 'str-chat__message-replies-count-button', "data-testid": 'replies-count-button', disabled: !channelCapabilities['send-reply'], onClick: onClick }, replyCountText)));
};
export const MessageRepliesCountButton = React.memo(UnMemoizedMessageRepliesCountButton);