From c821e4722da493c5408bcb505599239d687453c6 Mon Sep 17 00:00:00 2001
From: Anton Tananaev <anton.tananaev@gmail.com>
Date: Tue, 4 Sep 2018 16:44:14 +1200
Subject: Implement login logic

---
 modern/src/MainPage.js | 49 +++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 49 insertions(+)
 create mode 100644 modern/src/MainPage.js

(limited to 'modern/src/MainPage.js')

diff --git a/modern/src/MainPage.js b/modern/src/MainPage.js
new file mode 100644
index 0000000..02d98dc
--- /dev/null
+++ b/modern/src/MainPage.js
@@ -0,0 +1,49 @@
+import React, { Component } from 'react';
+import ContainerDimensions from 'react-container-dimensions';
+import MainToobar from './MainToolbar';
+import MainMap from './MainMap';
+
+class MainPage extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      loading: true
+    };
+  }
+
+  componentDidMount() {
+    fetch('/api/session').then(response => {
+      if (response.ok) {
+        this.setState({
+          loading: false
+        });
+      } else {
+        this.props.history.push('/login');
+      }
+    });
+  }
+
+  render() {
+    const { loading } = this.state;
+    if (loading) {
+      return (
+        <div>Loading...</div>
+      );
+    } else {
+      return (
+        <div style={{height: "100vh", display: "flex", flexDirection: "column"}}>
+          <div style={{flex: 0}}>
+            <MainToobar />
+          </div>
+          <div style={{flex: 1}}>
+            <ContainerDimensions>
+              <MainMap/>
+            </ContainerDimensions>
+          </div>
+        </div>
+      );
+    }
+  }
+}
+
+export default MainPage;
-- 
cgit v1.2.3