mirror of
https://github.com/scratchfoundation/scratch-www.git
synced 2024-11-23 07:38:07 -05:00
Use EmojiText component to allow emoji display when API includes them
This commit is contained in:
parent
d982d2d723
commit
1d3c3ff431
1 changed files with 5 additions and 1 deletions
|
@ -5,6 +5,7 @@ const classNames = require('classnames');
|
||||||
|
|
||||||
const FlexRow = require('../../../components/flex-row/flex-row.jsx');
|
const FlexRow = require('../../../components/flex-row/flex-row.jsx');
|
||||||
const Avatar = require('../../../components/avatar/avatar.jsx');
|
const Avatar = require('../../../components/avatar/avatar.jsx');
|
||||||
|
const EmojiText = require('../../../components/emoji-text/emoji-text.jsx');
|
||||||
const FormattedRelative = require('react-intl').FormattedRelative;
|
const FormattedRelative = require('react-intl').FormattedRelative;
|
||||||
const FormattedMessage = require('react-intl').FormattedMessage;
|
const FormattedMessage = require('react-intl').FormattedMessage;
|
||||||
const ComposeComment = require('./compose-comment.jsx');
|
const ComposeComment = require('./compose-comment.jsx');
|
||||||
|
@ -166,7 +167,10 @@ class Comment extends React.Component {
|
||||||
{replyUsername && (
|
{replyUsername && (
|
||||||
<a href={`/users/${replyUsername}`}>@{replyUsername} </a>
|
<a href={`/users/${replyUsername}`}>@{replyUsername} </a>
|
||||||
)}
|
)}
|
||||||
{content}
|
<EmojiText
|
||||||
|
as="span"
|
||||||
|
text={content}
|
||||||
|
/>
|
||||||
</span>
|
</span>
|
||||||
<FlexRow className="comment-bottom-row">
|
<FlexRow className="comment-bottom-row">
|
||||||
<span className="comment-time">
|
<span className="comment-time">
|
||||||
|
|
Loading…
Reference in a new issue