60 lines
1.6 KiB
JavaScript
60 lines
1.6 KiB
JavaScript
import React from 'react';
|
|
import { Text, View } from 'react-native';
|
|
import PropTypes from 'prop-types';
|
|
|
|
import I18n from '../../i18n';
|
|
import styles from './styles';
|
|
import Markdown from './Markdown';
|
|
import { getInfoMessage } from './utils';
|
|
|
|
const Content = React.memo((props) => {
|
|
if (props.isInfo) {
|
|
return <Text style={styles.textInfo}>{getInfoMessage({ ...props })}</Text>;
|
|
}
|
|
|
|
let content = null;
|
|
|
|
if (props.tmid && !props.msg) {
|
|
content = <Text style={styles.text}>{I18n.t('Sent_an_attachment')}</Text>;
|
|
} else {
|
|
content = (
|
|
<Markdown
|
|
msg={props.msg}
|
|
baseUrl={props.baseUrl}
|
|
username={props.user.username}
|
|
isEdited={props.isEdited}
|
|
mentions={props.mentions}
|
|
channels={props.channels}
|
|
numberOfLines={props.tmid ? 1 : 0}
|
|
getCustomEmoji={props.getCustomEmoji}
|
|
useMarkdown={props.useMarkdown}
|
|
navToRoomInfo={props.navToRoomInfo}
|
|
/>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<View style={props.isTemp && styles.temp}>
|
|
{content}
|
|
</View>
|
|
);
|
|
}, (prevProps, nextProps) => prevProps.isTemp === nextProps.isTemp && prevProps.msg === nextProps.msg);
|
|
|
|
Content.propTypes = {
|
|
isTemp: PropTypes.bool,
|
|
isInfo: PropTypes.bool,
|
|
isEdited: PropTypes.bool,
|
|
useMarkdown: PropTypes.bool,
|
|
tmid: PropTypes.string,
|
|
msg: PropTypes.string,
|
|
baseUrl: PropTypes.string,
|
|
user: PropTypes.object,
|
|
mentions: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),
|
|
channels: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),
|
|
navToRoomInfo: PropTypes.func,
|
|
getCustomEmoji: PropTypes.func
|
|
};
|
|
Content.displayName = 'MessageContent';
|
|
|
|
export default Content;
|