jiti-meet/react/features/chat/components/AbstractChatMessage.js

94 lines
2.2 KiB
JavaScript
Raw Normal View History

// @flow
import { PureComponent } from 'react';
import { getLocalizedDateFormatter } from '../../base/i18n';
2019-10-15 14:08:23 +00:00
import { MESSAGE_TYPE_ERROR, MESSAGE_TYPE_LOCAL } from '../constants';
/**
* Formatter string to display the message timestamp.
*/
const TIMESTAMP_FORMAT = 'H:mm';
/**
* The type of the React {@code Component} props of {@code AbstractChatMessage}.
*/
export type Props = {
/**
* The representation of a chat message.
*/
message: Object,
/**
* Whether or not the avatar image of the participant which sent the message
* should be displayed.
*/
showAvatar: boolean,
/**
* Whether or not the name of the participant which sent the message should
* be displayed.
*/
showDisplayName: boolean,
/**
* Whether or not the time at which the message was sent should be
* displayed.
*/
showTimestamp: boolean,
/**
* Whether current participant is currently knocking in the lobby room.
*/
knocking: boolean,
/**
* Invoked to receive translated strings.
*/
t: Function
};
/**
* Abstract component to display a chat message.
*/
export default class AbstractChatMessage<P: Props> extends PureComponent<P> {
/**
* Returns the timestamp to display for the message.
*
* @returns {string}
*/
_getFormattedTimestamp() {
return getLocalizedDateFormatter(new Date(this.props.message.timestamp))
.format(TIMESTAMP_FORMAT);
}
2019-10-07 12:35:04 +00:00
2019-10-09 08:34:01 +00:00
/**
* Generates the message text to be rendered in the component.
2019-10-09 08:34:01 +00:00
*
* @returns {string}
*/
_getMessageText() {
const { message } = this.props;
2019-10-15 14:08:23 +00:00
return message.messageType === MESSAGE_TYPE_ERROR
2019-10-09 08:34:01 +00:00
? this.props.t('chat.error', {
error: message.message
})
: message.message;
}
2019-10-07 12:35:04 +00:00
/**
* Returns the message that is displayed as a notice for private messages.
*
* @returns {string}
*/
_getPrivateNoticeMessage() {
const { message, t } = this.props;
return t('chat.privateNotice', {
2019-10-15 14:08:23 +00:00
recipient: message.messageType === MESSAGE_TYPE_LOCAL ? message.recipient : t('chat.you')
2019-10-07 12:35:04 +00:00
});
}
}