diff options
Diffstat (limited to 'vnext/src/components')
| -rw-r--r-- | vnext/src/components/Thread.js | 32 |
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> </> ); |