Add basic react-konva rendering prototype

1 files changed, 45 insertions, 0 deletions

diff --git a/src/pages/App.js b/src/pages/App.js
new file mode 100644
index 00000000..a2a1050b
--- /dev/null
+++ b/src/pages/App.js
@@ -0,0 +1,45 @@
+import PropTypes from "prop-types";
+import React from 'react';
+import {connect} from "react-redux";
+import {openSimulationSucceeded} from "../actions/simulations";
+import {fetchAuthorizationsOfCurrentUser} from "../actions/users";
+import MapStage from "../components/map/MapStage";
+import Navbar from "../components/navigation/Navbar";
+import Login from "../containers/auth/Login";
+
+class AppContainer extends React.Component {
+    static propTypes = {
+        simulationId: PropTypes.number.isRequired,
+    };
+
+    componentDidMount() {
+        this.props.storeSimulationId(this.props.simulationId);
+        this.props.fetchAuthorizationsOfCurrentUser();
+    }
+
+    render() {
+        return (
+            <div className="full-height">
+                <Navbar/>
+                <div className="full-height">
+                    <MapStage/>
+                </div>
+                <Login visible={false}/>
+            </div>
+        );
+    }
+}
+
+const mapDispatchToProps = dispatch => {
+    return {
+        storeSimulationId: id => dispatch(openSimulationSucceeded(id)),
+        fetchAuthorizationsOfCurrentUser: () => dispatch(fetchAuthorizationsOfCurrentUser()),
+    };
+};
+
+const App = connect(
+    undefined,
+    mapDispatchToProps
+)(AppContainer);
+
+export default App;