From e19350ab8f54658cb3b70399aa6a1a96c355a654 Mon Sep 17 00:00:00 2001
From: igoradamenko <mail@igoradamenko.com>
Date: Wed, 2 May 2018 00:00:14 +0300
Subject: [PATCH] simplify markup of preview view of comment block

---
 web/app/components/comment/comment.jsx | 38 +++++++++++---------------
 1 file changed, 16 insertions(+), 22 deletions(-)

diff --git a/web/app/components/comment/comment.jsx b/web/app/components/comment/comment.jsx
index 9a30df77..18512f68 100644
--- a/web/app/components/comment/comment.jsx
+++ b/web/app/components/comment/comment.jsx
@@ -212,29 +212,27 @@ export default class Comment extends Component {
       replying: isInputVisible,
     };
 
-    // TODO: remove so much mods.view !== 'preview'
+    if (mods.view === 'preview') {
+      return (
+        <div className={b('comment', props, defaultMods)} id={`remark__comment-${o.id}`}>
+          <div className="comment__body">
+            <div className="comment__info">
+              <a href={`${o.locator.url}#remark__comment-${o.id}`} className="comment__username">{o.user.name}</a>
+            </div>
+            {' '}
+            <div className="comment__text" dangerouslySetInnerHTML={{ __html: o.text }}/>
+          </div>
+        </div>
+      );
+    }
 
     return (
       <div className={b('comment', props, defaultMods)} id={`remark__comment-${o.id}`}>
         <div className="comment__body">
           <div className="comment__info">
-            {
-              mods.view !== 'preview' && (
-                <img src={o.user.picture} alt="" className="comment__avatar"/>
-              )
-            }
+            <img src={o.user.picture} alt="" className="comment__avatar"/>
 
-            {
-              mods.view !== 'preview' && (
-                <span className="comment__username">{o.user.name}</span>
-              )
-            }
-
-            {
-              mods.view === 'preview' && (
-                <a href={`${o.locator.url}#remark__comment-${o.id}`} className="comment__username">{o.user.name}</a>
-              )
-            }
+            <span className="comment__username">{o.user.name}</span>
 
             {
               !isGuest && (
@@ -256,11 +254,7 @@ export default class Comment extends Component {
               )
             }
 
-            {
-              mods.view !== 'preview' && (
-                <span className="comment__time">{o.time}</span>
-              )
-            }
+            <span className="comment__time">{o.time}</span>
 
             {
               isAdmin && userBlocked && (