From bd3b81273d3139603037873163afbb4036942c42 Mon Sep 17 00:00:00 2001
From: Thomas Nordquist <thomas.nordquist@viison.com>
Date: Mon, 14 Jan 2019 00:15:53 +0100
Subject: [PATCH] Clean up

---
 app/src/components/TitleBar.tsx      |  4 +++-
 app/src/components/Tree/TreeNode.tsx | 33 ++++++----------------------
 2 files changed, 10 insertions(+), 27 deletions(-)

diff --git a/app/src/components/TitleBar.tsx b/app/src/components/TitleBar.tsx
index fb4a555..e8e3d5b 100644
--- a/app/src/components/TitleBar.tsx
+++ b/app/src/components/TitleBar.tsx
@@ -87,7 +87,8 @@ class TitleBar extends React.Component<Props, State> {
   public render() {
     const { classes } = this.props
 
-    return <AppBar position="static">
+    return (
+      <AppBar position="static">
         <Toolbar>
           <IconButton className={classes.menuButton} color="inherit" aria-label="Menu" onClick={this.props.actions.toggleSettingsVisibility}>
             <Menu />
@@ -95,6 +96,7 @@ class TitleBar extends React.Component<Props, State> {
           <Typography className={classes.title} variant="h6" color="inherit">MQTT-Explorer</Typography>
         </Toolbar>
       </AppBar>
+    )
   }
 
   private renderSearch() {
diff --git a/app/src/components/Tree/TreeNode.tsx b/app/src/components/Tree/TreeNode.tsx
index 37602b1..f82939c 100644
--- a/app/src/components/Tree/TreeNode.tsx
+++ b/app/src/components/Tree/TreeNode.tsx
@@ -1,13 +1,14 @@
 import * as React from 'react'
-import { connect } from 'react-redux'
-import { bindActionCreators } from 'redux'
-import { treeActions } from '../../actions'
 import * as q from '../../../../backend/src/Model'
-import { withStyles, Theme } from '@material-ui/core/styles'
 
-import { isElementInViewport } from '../helper/isElementInViewport'
-import TreeNodeTitle from './TreeNodeTitle'
+import { Theme, withStyles } from '@material-ui/core/styles'
+
 import TreeNodeSubnodes from './TreeNodeSubnodes'
+import TreeNodeTitle from './TreeNodeTitle'
+import { bindActionCreators } from 'redux'
+import { connect } from 'react-redux'
+import { isElementInViewport } from '../helper/isElementInViewport'
+import { treeActions } from '../../actions'
 
 declare var performance: any
 
@@ -119,12 +120,6 @@ class TreeNode extends React.Component<Props, State> {
       const renderTime = performance.now() - this.willUpdateTime
       this.props.performanceCallback(renderTime)
     }
-    // setTimeout(() => {
-    //   this.setState(this.state)
-    // }, 500)
-    // this.addCssAnimation()
-    // setTimeout(this.removeCssAnimation, 500)
-
   }
 
   public componentWillUpdate() {
@@ -145,20 +140,6 @@ class TreeNode extends React.Component<Props, State> {
     return this.props.treeNode.edgeCount() > this.props.autoExpandLimit
   }
 
-  // private addCssAnimation = () => {
-  //   const element = this.titleRef.current
-  //   if ((this.dirtyEdges || this.dirtyMessage || this.dirtySubnodes) && element && isElementInViewport(element)) {
-  //     element.style.animation = 'example 0.5s'
-  //   }
-  // }
-  //
-  // private removeCssAnimation = () => {
-  //   const element = this.titleRef.current
-  //   if (element && element.style.animation) {
-  //     element.style.animation = ''
-  //   }
-  // }
-
   public render() {
     const { classes } = this.props
     const isDirty = this.dirtyEdges || this.dirtyMessage || this.dirtySubnodes