From 1d3c3ff4313ed5256d668b9b3ae7994d85017622 Mon Sep 17 00:00:00 2001
From: Paul Kaplan <pkaplan@media.mit.edu>
Date: Thu, 18 Oct 2018 10:18:00 -0400
Subject: [PATCH] Use EmojiText component to allow emoji display when API
 includes them

---
 src/views/preview/comment/comment.jsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/views/preview/comment/comment.jsx b/src/views/preview/comment/comment.jsx
index 7d473a21b..a50c7e713 100644
--- a/src/views/preview/comment/comment.jsx
+++ b/src/views/preview/comment/comment.jsx
@@ -5,6 +5,7 @@ const classNames = require('classnames');
 
 const FlexRow = require('../../../components/flex-row/flex-row.jsx');
 const Avatar = require('../../../components/avatar/avatar.jsx');
+const EmojiText = require('../../../components/emoji-text/emoji-text.jsx');
 const FormattedRelative = require('react-intl').FormattedRelative;
 const FormattedMessage = require('react-intl').FormattedMessage;
 const ComposeComment = require('./compose-comment.jsx');
@@ -166,7 +167,10 @@ class Comment extends React.Component {
                             {replyUsername && (
                                 <a href={`/users/${replyUsername}`}>@{replyUsername}&nbsp;</a>
                             )}
-                            {content}
+                            <EmojiText
+                                as="span"
+                                text={content}
+                            />
                         </span>
                         <FlexRow className="comment-bottom-row">
                             <span className="comment-time">