aboutsummaryrefslogtreecommitdiff
path: root/vnext/src/components
diff options
context:
space:
mode:
Diffstat (limited to 'vnext/src/components')
-rw-r--r--vnext/src/components/Thread.js32
1 files changed, 14 insertions, 18 deletions
diff --git a/vnext/src/components/Thread.js b/vnext/src/components/Thread.js
index 079674a7..b824c0ed 100644
--- a/vnext/src/components/Thread.js
+++ b/vnext/src/components/Thread.js
@@ -80,20 +80,16 @@ export default class Thread extends React.Component {
const loaders = Math.min(msg.replies || 0, 10);
return (
<>
- <ul id="0">
- <li className="msg msgthread">
- {
- msg.mid ? (
- <Message data={msg} visitor={this.props.visitor}>
- {this.state.active === (msg.rid || 0) && <MessageInput data={msg} onSend={this.postComment}>Write a comment...</MessageInput>}
- <Recommendations forMessage={msg} />
- </Message>
- ) : (
- <Spinner />
- )
- }
- </li>
- </ul>
+ {
+ msg.mid ? (
+ <Message data={msg} visitor={this.props.visitor}>
+ {this.state.active === (msg.rid || 0) && <MessageInput data={msg} onSend={this.postComment}>Write a comment...</MessageInput>}
+ <Recommendations forMessage={msg} />
+ </Message>
+ ) : (
+ <Spinner />
+ )
+ }
<ul id="replies">
{
!this.state.loading ? this.state.replies.map((msg) => (
@@ -140,10 +136,10 @@ export default class Thread extends React.Component {
</li>
)) : (
<>
- {Array(loaders).fill().map((it, i) => <Spinner key={i} />)}
- </>
- )
- }
+ {Array(loaders).fill().map((it, i) => <Spinner key={i} />)}
+ </>
+ )
+ }
</ul>
</>
);