From a609d540728e564fbf18be28e22bc28abccc2877 Mon Sep 17 00:00:00 2001
From: Steffen Vogel <post@steffenvogel.de>
Date: Wed, 21 Nov 2018 10:06:40 +0200
Subject: [PATCH] visualization: do not directly modify state

---
 src/containers/visualization.js | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/src/containers/visualization.js b/src/containers/visualization.js
index 3ae300b..4820e96 100644
--- a/src/containers/visualization.js
+++ b/src/containers/visualization.js
@@ -150,15 +150,11 @@ class Visualization extends React.Component {
     }
   }*/
 
-  getNewWidgetKey() {
-    // Increase the counter and update the state
-    return this.state.last_widget_key++;
-  }
-
   transformToWidgetsDict(widgets) {
     var widgetsDict = {};
     // Create a new key and make a copy of the widget object
-    widgets.forEach( (widget) => widgetsDict[this.getNewWidgetKey()] = Object.assign({}, widget) );
+    var key = 0;
+    widgets.forEach( (widget) => widgetsDict[key++] = Object.assign({}, widget) );
     return widgetsDict;
   }
 
@@ -216,9 +212,9 @@ class Visualization extends React.Component {
     widget = WidgetFactory.createWidgetOfType(item.name, position, defaultSimulationModel);
 
     var new_widgets = this.state.visualization.widgets;
+    var new_key = Object.keys(new_widgets).length;
 
-    var widget_key = this.getNewWidgetKey();
-    new_widgets[widget_key] = widget;
+    new_widgets[new_key] = widget;
 
     var visualization = Object.assign({}, this.state.visualization, {
       widgets: new_widgets