Remove Redux page actions

Remove Containers structure / replace with components
Refactoring

Author: adostal

.circleci/config.yml

@@ -2,7 +2,7 @@ version: 2
 jobs:
   build:
     docker:
-      - image: circleci/node:9
+      - image: circleci/node:10
     working_directory: ~/repo
     steps:
       - checkout

client/Store.ts

@@ -1,7 +1,5 @@
-import {PageStore} from './stores';
 import {InfoStore} from './modules/info';
 
 export interface Store {
-    readonly page: PageStore;
     readonly info: InfoStore;
 }

client/actions/PageActions.ts

@@ -0,0 +1,46 @@
+import * as React from 'react';
+import {InjectedIntlProps, injectIntl} from 'react-intl';
+import {AppFrame, Content, LeftMenu, TopBar} from './';
+
+interface OwnProps {}
+
+interface State {
+    readonly isOpenLeftMenu: boolean;
+}
+
+type Props = OwnProps & InjectedIntlProps;
+
+export class Container extends React.Component<Props, State> {
+    constructor(props: Props, context: any) {
+        super(props, context);
+        this.state = {
+            isOpenLeftMenu: false,
+        };
+    }
+
+    handleOnOpenLeftMenu = () => {
+        this.setState((prevState) => ({...prevState, isOpenLeftMenu: true}));
+    };
+
+    handleOnCloseLeftMenu = () => {
+        this.setState((prevState) => ({...prevState, isOpenLeftMenu: false}));
+    };
+
+    render() {
+        const {
+            children,
+            intl: {locale},
+        } = this.props;
+        const {isOpenLeftMenu} = this.state;
+        return (
+            <AppFrame>
+                <TopBar locale={locale} gitHubUrl={'https://github.com/ApiTreeCZ/alda'} onClickOpenLeftMenu={this.handleOnOpenLeftMenu} />
+                <div id={'loadingContent'} />
+                <LeftMenu open={isOpenLeftMenu} onClose={this.handleOnCloseLeftMenu} />
+                <Content>{children}</Content>
+            </AppFrame>
+        );
+    }
+}
+
+export const Layout = injectIntl<OwnProps>(Container);

client/actions/index.ts

@@ -1,5 +1,6 @@
 export * from './AppFrame';
 export * from './Content';
+export * from './Layout';
 export * from './LeftMenu';
 export * from './LightbublFullIcon';
 export * from './TopBar';