From a8bbba449afb70d82f7795f188c82df00e3b80e3 Mon Sep 17 00:00:00 2001
From: Dario Del Piano <dario@metacell.us>
Date: Fri, 6 Dec 2019 14:09:00 +0000
Subject: [PATCH] fix eye icon on load instance

---
 components/interface/TreeWidget.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/components/interface/TreeWidget.js b/components/interface/TreeWidget.js
index b1a4eb3ee..814abbbac 100644
--- a/components/interface/TreeWidget.js
+++ b/components/interface/TreeWidget.js
@@ -421,7 +421,7 @@ export default class TreeWidget extends React.Component {
               <div> {rowInfo.node.description} </div>
             </div>)}>
           <div
-            className={(rowInfo.node.instanceId === this.state.nodeSelected.instanceId)
+            className={(this.state.nodeSelected !== undefined && rowInfo.node.instanceId === this.state.nodeSelected.instanceId)
               ? "nodeFound nodeSelected"
               : "nodeSelected"}
             onClick={ e => {
@@ -462,6 +462,7 @@ export default class TreeWidget extends React.Component {
   componentDidMount () {
     var that = this;
     document.addEventListener('mousedown', this.monitorMouseClick, false);
+
     GEPPETTO.on(GEPPETTO.Events.Select, function (instance) {
       that.updateTree(instance);
     });
@@ -471,6 +472,10 @@ export default class TreeWidget extends React.Component {
         that.setState({ nodeSelected: undefined });
       }
     });
+
+    GEPPETTO.on(GEPPETTO.Events.Instances_created, function () {
+      that.setState({ displayColorPicker: false });
+    });
   }
 
   render () {