fix thread loading fragment

1 files changed, 8 insertions, 6 deletions

diff --git a/vnext/src/components/Thread.js b/vnext/src/components/Thread.js
index a404cf57..2dab4250 100644
--- a/vnext/src/components/Thread.js
+++ b/vnext/src/components/Thread.js
@@ -76,7 +76,7 @@ export default class Thread extends React.Component {
     }).then(res => {
       this.loadReplies()
     })
-    .catch(console.log)
+      .catch(console.log)
   }
 
   render() {
@@ -88,7 +88,7 @@ export default class Thread extends React.Component {
             {
               this.state.msg ? (
                 <Message data={msg} visitor={this.props.visitor}>
-                  { this.state.active === (msg.rid || 0) && <MessageInput data={msg} onSend={this.postComment} /> }
+                  {this.state.active === (msg.rid || 0) && <MessageInput data={msg} onSend={this.postComment} />}
                   <Recommendations src={msg.recommendations} />
                 </Message>
               ) : (
@@ -103,7 +103,7 @@ export default class Thread extends React.Component {
               <div className="title2">
                 {
                   this.props.visitor.uid > 0 &&
-                  <img style={{display: 'none'}} src={`https://api.juick.com/thread/mark_read/${msg.mid}-${msg.rid || 0}.gif?hash=${this.props.visitor.hash}`} />
+                  <img style={{ display: 'none' }} src={`https://api.juick.com/thread/mark_read/${msg.mid}-${msg.rid || 0}.gif?hash=${this.props.visitor.hash}`} />
                 }
                 <h2>{msg.replies && `Replies (${msg.replies})`}</h2>
               </div>
@@ -151,7 +151,7 @@ export default class Thread extends React.Component {
                               <React.Fragment>
                                 <span>&middot;&nbsp;</span>
                                 <button onClick={this.setActive.bind(this, msg)} className="badge">Reply</button>
-                                { this.state.active === msg.rid && <MessageInput data={msg} onSend={this.postComment} /> }
+                                {this.state.active === msg.rid && <MessageInput data={msg} onSend={this.postComment} />}
                               </React.Fragment>
                             ) : (
                                 <React.Fragment>
@@ -167,8 +167,10 @@ export default class Thread extends React.Component {
               </ul>
             </React.Fragment>
           ) : (
-            <Spinner /><Spinner /><Spinner />
-          )
+              <React.Fragment>
+                <Spinner /><Spinner /><Spinner />
+              </React.Fragment>
+            )
         }
       </React.Fragment>
     )