#417 prevent propagation on controlPanelTreeItem click

Author: Muhaddatha

webapp/components/general/ControlPanelTreeItem.js

@@ -40,8 +40,6 @@ const ControlPanelTreeItem = (props) => {
   const [color, setColor] = React.useState('#ff0000');
 
   const handleColorSelection = (color, event, nodeId) => {
-    event.preventDefault();
-    event.stopPropagation();
     setColor(color.hex);
   };
 
@@ -52,7 +50,6 @@ const ControlPanelTreeItem = (props) => {
       b: parseFloat((Math.random() * 1.00).toFixed(2)),
       a: 1,
     };
-    console.log('random color rgba', randomColor);
     setColor(randomColor);
   };
 

webapp/components/general/ExperimentControlPanel.js

@@ -25,6 +25,8 @@ const ExperimentControlPanel = (props) => {
   const classes = useStyles();
   const [filter, setFilter] = React.useState('');
   const onNodeSelect = (event, nodeId) => {
+    event.preventDefault();
+    event.stopPropagation();
     console.log(`Node with id ${nodeId} clicked`);
   };