Files
talk/plugins/talk-plugin-rich-text/client/components/CommentContent.js
T
2018-03-21 18:41:27 +01:00

27 lines
676 B
JavaScript

import React from 'react';
import PropTypes from 'prop-types';
import { PLUGIN_NAME } from '../constants';
import cn from 'classnames';
import styles from './CommentContent.css';
class CommentContent extends React.Component {
render() {
const { comment } = this.props;
const className = cn(`${PLUGIN_NAME}-text`, styles.content);
return comment.richTextBody ? (
<div
className={className}
dangerouslySetInnerHTML={{ __html: comment.richTextBody }}
/>
) : (
<div className={className}>{comment.body}</div>
);
}
}
CommentContent.propTypes = {
comment: PropTypes.object.isRequired,
};
export default CommentContent;