aboutsummaryrefslogtreecommitdiff
path: root/vnext/src/components/Thread.js
diff options
context:
space:
mode:
authorGravatar Vitaly Takmazov2018-12-06 15:18:08 +0300
committerGravatar Vitaly Takmazov2023-01-13 10:37:54 +0300
commit011b8df08e9319944210d62a75b11fa9f62df236 (patch)
tree669c612fac462743ade9d2e4cfa88f74e2edc8a0 /vnext/src/components/Thread.js
parent96256e69b7041dfddebdde23d45c1c3aa5126de9 (diff)
layout fixes
Diffstat (limited to 'vnext/src/components/Thread.js')
-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>
</>
);