Debounce select topic action

app/package.json

@@ -17,6 +17,7 @@
     "electron-nucleus": "^1.11.0",
     "electron-telemetry": "git+https://github.com/thomasnordquist/electron-telemetry.git",
     "html-webpack-plugin": "^4.0.0-beta.5",
+    "lodash.debounce": "^4.0.8",
     "number-abbreviate": "^2.0.0",
     "react": "^16.8.0-alpha.1",
     "react-dom": "^16.7.0",

app/src/actions/Tree.ts

@@ -5,8 +5,13 @@ import { Dispatch, AnyAction } from 'redux'
 import { setTopic } from './Publish'
 import { TopicViewModel } from '../TopicViewModel'
 import { batchActions } from 'redux-batched-actions'
+const debounce = require('lodash.debounce')
 
 export const selectTopic = (topic: q.TreeNode<TopicViewModel>) => (dispatch: Dispatch<any>, getState: () => AppState)  => {
+  debouncedSelectTopic(topic, dispatch, getState)
+}
+
+const debouncedSelectTopic = debounce((topic: q.TreeNode<TopicViewModel>, dispatch: Dispatch<any>, getState: () => AppState)  => {
   const { selectedTopic } = getState().tree
   if (selectedTopic === topic) {
     return
@@ -36,7 +41,7 @@ export const selectTopic = (topic: q.TreeNode<TopicViewModel>) => (dispatch: Dis
   } else {
     dispatch(selectTreeTopicDispatch)
   }
-}
+}, 70)
 
 export const showTree = (tree?: q.Tree<TopicViewModel>) => (dispatch: Dispatch<any>, getState: () => AppState): AnyAction  => {
   const visibleTree = getState().tree.tree

app/src/components/Tree/TreeNode.tsx

@@ -225,7 +225,7 @@ class TreeNode extends React.Component<Props, State> {
 
   private setHover = debounce((hover: boolean) => {
     this.setState({ mouseOver: hover })
-  }, 5)
+  }, 45)
 
   private didClickNode = (event: React.MouseEvent) => {
     event.stopPropagation()