aboutsummaryrefslogtreecommitdiff
path: root/vnext/src/components/Thread.js
diff options
context:
space:
mode:
authorGravatar Vitaly Takmazov2018-06-20 18:26:05 +0300
committerGravatar Vitaly Takmazov2023-01-13 10:37:53 +0300
commit85a0c42fad5cb21a07c674a45fc159569865271a (patch)
treed4878e9dc267cca09e1117f093f83790b65dae16 /vnext/src/components/Thread.js
parent17972c0bf27c9b80836dbe663d8f50b7aab01c92 (diff)
fix thread loading fragment
Diffstat (limited to 'vnext/src/components/Thread.js')
-rw-r--r--vnext/src/components/Thread.js14
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>
)