From de8f12d74faef5fa3f9e38d1340948cab2d06ea3 Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <info@gandreadis.com>
Date: Wed, 1 Jul 2020 13:33:31 +0200
Subject: Manually generate IDs

---
 frontend/src/pages/Experiments.js | 124 +++++++++++++++++++-------------------
 1 file changed, 62 insertions(+), 62 deletions(-)

(limited to 'frontend/src/pages/Experiments.js')

diff --git a/frontend/src/pages/Experiments.js b/frontend/src/pages/Experiments.js
index 2f73cd7e..67e3fd77 100644
--- a/frontend/src/pages/Experiments.js
+++ b/frontend/src/pages/Experiments.js
@@ -1,75 +1,75 @@
-import PropTypes from "prop-types";
-import React from "react";
-import DocumentTitle from "react-document-title";
-import { connect } from "react-redux";
-import { fetchExperimentsOfSimulation } from "../actions/experiments";
-import { openSimulationSucceeded } from "../actions/simulations";
-import AppNavbar from "../components/navigation/AppNavbar";
-import ExperimentListContainer from "../containers/experiments/ExperimentListContainer";
-import NewExperimentButtonContainer from "../containers/experiments/NewExperimentButtonContainer";
-import NewExperimentModal from "../containers/modals/NewExperimentModal";
+import PropTypes from 'prop-types'
+import React from 'react'
+import DocumentTitle from 'react-document-title'
+import { connect } from 'react-redux'
+import { fetchExperimentsOfSimulation } from '../actions/experiments'
+import { openSimulationSucceeded } from '../actions/simulations'
+import AppNavbar from '../components/navigation/AppNavbar'
+import ExperimentListContainer from '../containers/experiments/ExperimentListContainer'
+import NewExperimentButtonContainer from '../containers/experiments/NewExperimentButtonContainer'
+import NewExperimentModal from '../containers/modals/NewExperimentModal'
 
 class ExperimentsComponent extends React.Component {
-  static propTypes = {
-    simulationId: PropTypes.number.isRequired,
-    simulationName: PropTypes.string
-  };
+    static propTypes = {
+        simulationId: PropTypes.string.isRequired,
+        simulationName: PropTypes.string,
+    }
 
-  componentDidMount() {
-    this.props.storeSimulationId(this.props.simulationId);
-    this.props.fetchExperimentsOfSimulation(this.props.simulationId);
-  }
+    componentDidMount() {
+        this.props.storeSimulationId(this.props.simulationId)
+        this.props.fetchExperimentsOfSimulation(this.props.simulationId)
+    }
 
-  render() {
-    return (
-      <DocumentTitle
-        title={
-          this.props.simulationName
-            ? "Experiments - " + this.props.simulationName + " - OpenDC"
-            : "Experiments - OpenDC"
-        }
-      >
-        <div className="full-height">
-          <AppNavbar
-            simulationId={this.props.simulationId}
-            inSimulation={true}
-            fullWidth={true}
-          />
-          <div className="container text-page-container full-height">
-            <ExperimentListContainer />
-            <NewExperimentButtonContainer />
-          </div>
-          <NewExperimentModal />
-        </div>
-      </DocumentTitle>
-    );
-  }
+    render() {
+        return (
+            <DocumentTitle
+                title={
+                    this.props.simulationName
+                        ? 'Experiments - ' + this.props.simulationName + ' - OpenDC'
+                        : 'Experiments - OpenDC'
+                }
+            >
+                <div className="full-height">
+                    <AppNavbar
+                        simulationId={this.props.simulationId}
+                        inSimulation={true}
+                        fullWidth={true}
+                    />
+                    <div className="container text-page-container full-height">
+                        <ExperimentListContainer/>
+                        <NewExperimentButtonContainer/>
+                    </div>
+                    <NewExperimentModal/>
+                </div>
+            </DocumentTitle>
+        )
+    }
 }
 
 const mapStateToProps = state => {
-  let simulationName = undefined;
-  if (
-    state.currentSimulationId !== -1 &&
-    state.objects.simulation[state.currentSimulationId]
-  ) {
-    simulationName = state.objects.simulation[state.currentSimulationId].name;
-  }
+    let simulationName = undefined
+    if (
+        state.currentSimulationId !== -1 &&
+        state.objects.simulation[state.currentSimulationId]
+    ) {
+        simulationName = state.objects.simulation[state.currentSimulationId].name
+    }
 
-  return {
-    simulationName
-  };
-};
+    return {
+        simulationName,
+    }
+}
 
 const mapDispatchToProps = dispatch => {
-  return {
-    storeSimulationId: id => dispatch(openSimulationSucceeded(id)),
-    fetchExperimentsOfSimulation: id =>
-      dispatch(fetchExperimentsOfSimulation(id))
-  };
-};
+    return {
+        storeSimulationId: id => dispatch(openSimulationSucceeded(id)),
+        fetchExperimentsOfSimulation: id =>
+            dispatch(fetchExperimentsOfSimulation(id)),
+    }
+}
 
 const Experiments = connect(mapStateToProps, mapDispatchToProps)(
-  ExperimentsComponent
-);
+    ExperimentsComponent,
+)
 
-export default Experiments;
+export default Experiments
-- 
cgit v1.2.3