login mechanism

src/containers/App.tsx

@@ -2,12 +2,11 @@ import * as React from 'react';
 import { connect } from 'react-redux';
 import { bindActionCreators } from 'redux';
 import { hot } from 'react-hot-loader';
-import { SomeComponent } from '$components/SomeComponent';
 import { ConnectedRouter } from "connected-react-router";
 import { history } from "$redux/store";
 import { NavLink, Switch, Route } from 'react-router-dom';
-import { MainLayout } from "$containers/MainLayout";
 import { FlowLayout } from "$containers/FlowLayout";
+import { LoginLayout } from "$containers/LoginLayout";
 
 interface IAppProps {}
 interface IAppState {}
@@ -24,8 +23,8 @@ class Component extends React.Component<IAppProps, IAppState> {
               component={FlowLayout}
             />
             <Route
-              path="/somepath"
-              component={SomeComponent}
+              path="/login"
+              component={LoginLayout}
             />
           </Switch>
         </div>

src/containers/LoginLayout/index.tsx

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { LoginForm } from '$components/login/LoginForm';
+import { MainLayout } from "$containers/MainLayout";
+
+const style = require('./style.scss');
+
+export const LoginLayout: React.FunctionComponent<{}> = () => (
+  <MainLayout>
+    <div className="default_container">
+      <LoginForm />
+    </div>
+  </MainLayout>
+);

src/containers/LoginLayout/style.scss

@@ -0,0 +1,15 @@
+.container {
+
+}
+
+.form {
+  width: $content_width;
+  min-height: $cell * 2;
+  box-sizing: border-box;
+  border-radius: $panel_radius;
+  display: flex;
+  align-items: stretch;
+  justify-content: stretch;
+
+  //@include outer_shadow();
+}