From 0b84d3395705822c1d5e120d98552df9193872df Mon Sep 17 00:00:00 2001
From: Laura Fuentes Grau <laurafuentesgrau@gmail.com>
Date: Sun, 13 Sep 2020 15:34:12 +0200
Subject: [PATCH] Edit-Dialog now opens automatically after adding new
 component configuration

---
 src/scenario/scenario.js | 22 +++++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/src/scenario/scenario.js b/src/scenario/scenario.js
index 564f63c..442fdb2 100644
--- a/src/scenario/scenario.js
+++ b/src/scenario/scenario.js
@@ -54,7 +54,6 @@ class Scenario extends React.Component {
     if (prevState == null) {
       prevState = {};
     }
-
     // get selected scenario
     const sessionToken = localStorage.getItem("token");
 
@@ -72,6 +71,16 @@ class Scenario extends React.Component {
 
     // obtain all component configurations of a scenario
     let configs = ConfigStore.getState().filter(config => config.scenarioID === parseInt(props.match.params.scenario, 10));
+    let editConfigModal = prevState.editConfigModal || false;
+    let modalConfigData = (prevState.modalConfigData !== {} && prevState.modalConfigData !== undefined )? prevState.modalConfigData : {};
+    let modalConfigIndex = 0;
+
+    if((typeof prevState.configs !== "undefined") && (prevState.newConfig === true ) && (configs.length !== prevState.configs.length)){
+      let index = configs.length -1;
+      editConfigModal = true;
+      modalConfigData = configs[index];
+      modalConfigIndex = index;
+    }
 
     // obtain all files of a scenario
     let files = FileStore.getState().filter(file => file.scenarioID === parseInt(props.match.params.scenario, 10));
@@ -86,14 +95,15 @@ class Scenario extends React.Component {
       dashboards,
       signals,
       files,
+      editConfigModal,
+      modalConfigData,
+      modalConfigIndex,
       ics: ICStore.getState(),
 
       deleteConfigModal: false,
       importConfigModal: false,
-      editConfigModal: prevState.editConfigModal || false,
-      modalConfigData: (prevState.modalConfigData !== {} && prevState.modalConfigData !== undefined )? prevState.modalConfigData : {},
+      newConfig: prevState.newConfig || false,
       selectedConfigs: [],
-      modalConfigIndex: 0,
       filesEditModal: prevState.filesEditModal || false,
       filesEditSaveState: prevState.filesEditSaveState || [],
 
@@ -183,10 +193,12 @@ class Scenario extends React.Component {
       token: this.state.sessionToken
     });
 
+    this.setState({newConfig: true});
+
   }
 
   closeEditConfigModal(data) {
-    this.setState({ editConfigModal: false });
+    this.setState({ editConfigModal: false, newConfig: false });
 
     if (data) {
       AppDispatcher.dispatch({