luneski/mqtt-explorer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor TreeNode

Browse Source
This commit is contained in:
Thomas Nordquist
2019-07-17 09:15:25 +02:00
parent 0a5d010827
commit 04ba067775
3 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/src/components/ChartPanel/TopicChart.tsx
View File

@@ -44,6 +44,7 @@ function useMessageSubscriptionToUpdate(treeNode?: q.TreeNode<any>) {
return function cleanup() { return function cleanup() {
treeNode && treeNode.onMessage.unsubscribe(amendMessageCallback) treeNode && treeNode.onMessage.unsubscribe(amendMessageCallback)
setMessageHistory(undefined)
} }
} }
React.useEffect(subscribeToMessageUpdates, [treeNode]) React.useEffect(subscribeToMessageUpdates, [treeNode])

2
app/src/components/SettingsDrawer/BrokerStatistics.tsx
View File

@@ -90,7 +90,7 @@ function BrokerStatistics(props: Props) {
{renderPair(tree, stats.heap, stats.heapMax)} {renderPair(tree, stats.heap, stats.heapMax)}
</div> </div>
) )
}, [sysTopic && sysTopic.lastUpdate]) }, [sysTopic && sysTopic.lastUpdate, props.classes])
} }
const mapStateToProps = (state: AppState) => { const mapStateToProps = (state: AppState) => {

8
app/src/components/Tree/TreeNode/TreeNodeTitle.tsx
View File

@@ -64,11 +64,11 @@ class TreeNodeTitle extends React.PureComponent<TreeNodeProps, {}> {
} }
const messages = this.props.treeNode.leafMessageCount() const messages = this.props.treeNode.leafMessageCount()
const topicCount = this.props.treeNode.childTopicCount()
return ( return (
<span <span key="metadata" className={this.props.classes.collapsedSubnodes}>{` (${topicCount} ${
key="metadata" topicCount === 1 ? 'topic' : 'topics'
className={this.props.classes.collapsedSubnodes} }, ${messages} ${messages === 1 ? 'message' : 'messages'})`}</span>
>{`(${this.props.treeNode.childTopicCount()} topics, ${messages} messages)`}</span>
) )
} }