import React from 'react'; import PropTypes from 'prop-types'; import { Link } from 'react-router-dom'; import moment from 'moment'; import { UserType, MessageType } from './Types'; import Icon from './Icon'; import Avatar from './Avatar'; import { format } from '../utils/embed'; import './Message.css'; function Message({ data, visitor, children, ...rest }) { return (

= 0) }}>

{data.photo &&

} {children}
); } export default React.memo(Message); function Tags({ data, user, ...rest }) { return data.length > 0 && (
{ data.map(tag => { return ({tag}); }).reduce((prev, curr) => [prev, ', ', curr]) }
); } const TagsList = React.memo(Tags); Message.propTypes = { data: MessageType, visitor: UserType.isRequired, children: PropTypes.node }; Tags.propTypes = { user: UserType.isRequired, data: PropTypes.array };