Screw up looks, greatly improve performance

This commit is contained in:
Thomas Nordquist
2019-01-07 03:32:28 +01:00
parent 260f31fea0
commit e2192b11c7
9 changed files with 92 additions and 53 deletions

View File

@@ -29,10 +29,9 @@ class TreeNodeSubnodes extends React.Component<Props, {}> {
const listItems = edges
.map(edge => edge.target)
.map(node => (
<ListItem
<div
key={node.hash()}
style={listItemStyle}
button
>
<TreeNode
animateChages={this.props.animateChanges}
@@ -40,12 +39,14 @@ class TreeNodeSubnodes extends React.Component<Props, {}> {
didSelectNode={this.props.didSelectNode}
autoExpandLimit={this.props.autoExpandLimit}
/>
</ListItem>
</div>
))
return <Collapse in={!this.props.collapsed} timeout="auto" unmountOnExit>
<List style={listStyle}>{listItems}</List>
</Collapse>
return <span
style={{ display: 'block', clear: 'both' }}
>
{this.props.collapsed ? null : listItems}
</span>
}
return null