Add extra check before rendering emojis (#5879)

1 files changed, 10 insertions, 10 deletions

diff --git a/webapp/components/post_view/components/reaction_list_container.jsx b/webapp/components/post_view/components/reaction_list_container.jsx
index e21bfa24b..3ee8f73a3 100644
--- a/webapp/components/post_view/components/reaction_list_container.jsx
+++ b/webapp/components/post_view/components/reaction_list_container.jsx
@@ -82,17 +82,17 @@ export default class ReactionListContainer extends React.Component {
     }
 
     render() {
-        if (!this.props.post.has_reactions) {
-            return null;
+        if (this.props.post.has_reactions && this.state.reactions.length > 0) {
+            return (
+                <ReactionListView
+                    post={this.props.post}
+                    currentUserId={this.props.currentUserId}
+                    reactions={this.state.reactions}
+                    emojis={this.state.emojis}
+                />
+            );
         }
 
-        return (
-            <ReactionListView
-                post={this.props.post}
-                currentUserId={this.props.currentUserId}
-                reactions={this.state.reactions}
-                emojis={this.state.emojis}
-            />
-        );
+        return null;
     }
 }