Fix performance issue

When the root node was collapsed, it also was selected due to the click event.
The sidebar was updated every time a new message was receivend,
effectivly inhibiting the "render the tree if you got nothing else to do" optimization to render anything at all.

Fixes #7
This commit is contained in:
Thomas Nordquist
2019-01-14 10:45:15 +01:00
parent bd3b81273d
commit 2268175a38
4 changed files with 19 additions and 14 deletions

View File

@@ -22,6 +22,8 @@ import Topic from './Topic'
import ValueRenderer from './ValueRenderer'
import { connect } from 'react-redux'
const throttle = require('lodash.throttle')
interface Props {
node?: q.TreeNode,
classes: any,
@@ -36,9 +38,9 @@ interface State {
class Sidebar extends React.Component<Props, State> {
private valueRef: any = React.createRef<HTMLDivElement>()
private updateNode = () => {
private updateNode = throttle(() => {
this.setState(this.state)
}
}, 300)
constructor(props: any) {
super(props)