Improve render performance

2019-07-08 01:22:16 +02:00
parent e3584add7c
commit 38f8d2e6ee
1 changed files with 9 additions and 6 deletions
--- a/app/src/components/Tree/TreeNode/index.tsx
+++ b/app/src/components/Tree/TreeNode/index.tsx
@@ -81,12 +81,15 @@ function TreeNodeComponent(props: Props) {
    didSelectTopic()
  }, [didSelectTopic])

-  const mouseOver = (event: React.MouseEvent) => {
+  const mouseOver = useCallback(
+    (event: React.MouseEvent) => {
      event.stopPropagation()
      if (settings.get('selectTopicWithMouseOver') && treeNode && treeNode.message && treeNode.message.value) {
        didSelectTopic()
      }
-  }
+    },
+    [didSelectTopic]
+  )

  useEffect(() => {
    treeNode.viewModel && treeNode.viewModel.setExpanded(!isCollapsed, false)