2019-04-18 20:57:35 +00:00
|
|
|
import React from 'react';
|
|
|
|
import PropTypes from 'prop-types';
|
|
|
|
import _ from 'lodash';
|
|
|
|
|
|
|
|
import I18n from '../../i18n';
|
|
|
|
import styles from './styles';
|
2019-10-02 12:41:51 +00:00
|
|
|
import Markdown from '../../containers/markdown';
|
2019-12-04 16:39:53 +00:00
|
|
|
import { themes } from '../../constants/colors';
|
2019-12-11 19:00:38 +00:00
|
|
|
import shortnameToUnicode from '../../utils/shortnameToUnicode';
|
2019-04-18 20:57:35 +00:00
|
|
|
|
|
|
|
const formatMsg = ({
|
|
|
|
lastMessage, type, showLastMessage, username
|
|
|
|
}) => {
|
|
|
|
if (!showLastMessage) {
|
|
|
|
return '';
|
|
|
|
}
|
2020-01-16 16:05:24 +00:00
|
|
|
if (!lastMessage || !lastMessage.u || lastMessage.pinned) {
|
2019-04-18 20:57:35 +00:00
|
|
|
return I18n.t('No_Message');
|
|
|
|
}
|
2019-09-18 17:32:12 +00:00
|
|
|
if (lastMessage.t === 'jitsi_call_started') {
|
|
|
|
const { u } = lastMessage;
|
|
|
|
return I18n.t('Started_call', { userBy: u.username });
|
|
|
|
}
|
2019-04-18 20:57:35 +00:00
|
|
|
|
|
|
|
let prefix = '';
|
|
|
|
const isLastMessageSentByMe = lastMessage.u.username === username;
|
|
|
|
|
2019-09-16 20:26:32 +00:00
|
|
|
if (!lastMessage.msg && lastMessage.attachments && Object.keys(lastMessage.attachments).length) {
|
2019-04-18 20:57:35 +00:00
|
|
|
const user = isLastMessageSentByMe ? I18n.t('You') : lastMessage.u.username;
|
|
|
|
return I18n.t('User_sent_an_attachment', { user });
|
|
|
|
}
|
|
|
|
|
|
|
|
if (isLastMessageSentByMe) {
|
|
|
|
prefix = I18n.t('You_colon');
|
|
|
|
} else if (type !== 'd') {
|
|
|
|
prefix = `${ lastMessage.u.username }: `;
|
|
|
|
}
|
|
|
|
|
|
|
|
let msg = `${ prefix }${ lastMessage.msg.replace(/[\n\t\r]/igm, '') }`;
|
|
|
|
if (msg) {
|
2019-09-16 20:50:51 +00:00
|
|
|
msg = shortnameToUnicode(msg);
|
2019-04-18 20:57:35 +00:00
|
|
|
}
|
|
|
|
return msg;
|
|
|
|
};
|
|
|
|
|
|
|
|
const arePropsEqual = (oldProps, newProps) => _.isEqual(oldProps, newProps);
|
|
|
|
|
|
|
|
const LastMessage = React.memo(({
|
2019-12-04 16:39:53 +00:00
|
|
|
lastMessage, type, showLastMessage, username, alert, theme
|
2019-04-18 20:57:35 +00:00
|
|
|
}) => (
|
2019-10-02 12:41:51 +00:00
|
|
|
<Markdown
|
|
|
|
msg={formatMsg({
|
2019-04-18 20:57:35 +00:00
|
|
|
lastMessage, type, showLastMessage, username
|
|
|
|
})}
|
2019-12-04 16:39:53 +00:00
|
|
|
style={[styles.markdownText, { color: alert ? themes[theme].bodyText : themes[theme].auxiliaryText }]}
|
2019-10-02 12:41:51 +00:00
|
|
|
customEmojis={false}
|
|
|
|
numberOfLines={2}
|
|
|
|
preview
|
2019-12-04 16:39:53 +00:00
|
|
|
theme={theme}
|
2019-10-02 12:41:51 +00:00
|
|
|
/>
|
2019-04-18 20:57:35 +00:00
|
|
|
), arePropsEqual);
|
|
|
|
|
|
|
|
LastMessage.propTypes = {
|
2019-12-04 16:39:53 +00:00
|
|
|
theme: PropTypes.string,
|
2019-04-18 20:57:35 +00:00
|
|
|
lastMessage: PropTypes.object,
|
|
|
|
type: PropTypes.string,
|
|
|
|
showLastMessage: PropTypes.bool,
|
2019-04-24 18:36:29 +00:00
|
|
|
username: PropTypes.string,
|
|
|
|
alert: PropTypes.bool
|
2019-04-18 20:57:35 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
export default LastMessage;
|