Comment: do not show empty body

1 files changed, 11 insertions, 12 deletions

diff --git a/vnext/src/ui/Thread.js b/vnext/src/ui/Thread.js
index cc0dbac2..50155f8c 100644
--- a/vnext/src/ui/Thread.js
+++ b/vnext/src/ui/Thread.js
@@ -78,15 +78,14 @@ function Comment({ msg, draft, visitor, active, setActive, onStartEditing, postC
           }
         </div>
       </div>
-      <div style={bubbleStyle(visitor, msg)}>
-        {
-          msg.html ? <div dangerouslySetInnerHTML={{ __html: msg.body }} ref={msgRef} />
-            :
-            <div ref={msgRef}>
-              <p dangerouslySetInnerHTML={{ __html: format(msg.body, msg.mid, (msg.tags || []).indexOf('code') >= 0) }} />
-            </div>
-        }
-      </div>
+      {
+        msg.body &&
+        <div style={bubbleStyle(visitor, msg)}>
+          <div ref={msgRef}>
+            <p dangerouslySetInnerHTML={{ __html: format(msg.body, msg.mid, (msg.tags || []).indexOf('code') >= 0) }} />
+          </div>
+        </div>
+      }
       {
         msg.photo &&
         <div className="msg-media">
@@ -96,9 +95,9 @@ function Comment({ msg, draft, visitor, active, setActive, onStartEditing, postC
         </div>
       }
       <div className="embedContainer" ref={embedRef} />
-        {
-          active === msg.rid && <MessageInput data={msg} text={draft || ''} onSend={postComment}>Write a comment...</MessageInput>
-        }
+      {
+        active === msg.rid && <MessageInput data={msg} text={draft || ''} onSend={postComment}>Write a comment...</MessageInput>
+      }
     </div>
   );
 }