Add routes for experiments UI

2 files changed, 9 insertions, 5 deletions

diff --git a/src/pages/App.js b/src/pages/App.js
index 8254853d..e70c7e48 100644
--- a/src/pages/App.js
+++ b/src/pages/App.js
@@ -17,7 +17,7 @@ import KeymapConfiguration from "../shortcuts/keymap";
 
 const shortcutManager = new ShortcutManager(KeymapConfiguration);
 
-class AppContainer extends React.Component {
+class AppComponent extends React.Component {
     static propTypes = {
         simulationId: PropTypes.number.isRequired,
     };
@@ -77,6 +77,6 @@ const mapDispatchToProps = dispatch => {
 const App = connect(
     mapStateToProps,
     mapDispatchToProps
-)(AppContainer);
+)(AppComponent);
 
 export default App;
diff --git a/src/pages/Experiments.js b/src/pages/Experiments.js
index b35916e5..9dbe0dc0 100644
--- a/src/pages/Experiments.js
+++ b/src/pages/Experiments.js
@@ -1,14 +1,16 @@
 import PropTypes from "prop-types";
 import React from "react";
 import {connect} from "react-redux";
+import {openSimulationSucceeded} from "../actions/simulations";
 import AppNavbar from "../components/navigation/AppNavbar";
 
-class ExperimentsContainer extends React.Component {
+class ExperimentsComponent extends React.Component {
     static propTypes = {
         simulationId: PropTypes.number.isRequired,
     };
 
     componentDidMount() {
+        this.props.storeSimulationId(this.props.simulationId);
         // TODO fetch experiments
     }
 
@@ -25,12 +27,14 @@ class ExperimentsContainer extends React.Component {
 }
 
 const mapDispatchToProps = dispatch => {
-    return {};
+    return {
+        storeSimulationId: id => dispatch(openSimulationSucceeded(id)),
+    };
 };
 
 const Experiments = connect(
     undefined,
     mapDispatchToProps
-)(ExperimentsContainer);
+)(ExperimentsComponent);
 
 export default Experiments;