Create some container components

Author: Thomas Roger Lux

Diff for: src/common/container/Home.tsx

@@ -0,0 +1,67 @@
+import * as React from "react";
+import { connect } from "react-redux";
+
+import { Store } from "common/redux/store"
+import { changeTitle } from "common/redux/action"
+import { Title } from "common/component/Title"
+import { Button } from "common/component/Button"
+import { LinkButton } from "common/component/LinkButton"
+
+interface HomeProps {
+    title: string;
+    updateTitle: any;
+}
+
+class Home extends React.Component<HomeProps> {
+    titleList: string[];
+
+    constructor(props: HomeProps) {
+        super(props);
+
+        this.titleList = [
+            "Hello World!",
+            "High five from React",
+            "Wow. Much skills."
+        ];
+
+        this.setRandomTitle= this.setRandomTitle.bind(this);
+    }
+
+    public setRandomTitle() {
+        let titleIndex = this.titleList.indexOf(this.props.title) + 1;
+        if (titleIndex >= this.titleList.length) {
+            titleIndex = 0;
+        }
+
+        const newTitle = this.titleList[titleIndex];
+        this.props.updateTitle(newTitle);
+    }
+
+    public render() {
+        return (
+            <div className="Home">
+                <Title>
+                    {this.props.title}
+                </Title>
+                <Button onClick={this.setRandomTitle}>
+                    Update
+                </Button>
+                <LinkButton to="/test">
+                    Go to test
+                </LinkButton>
+            </div>
+        );
+    }
+}
+
+const mapStateToProps = (state: Store) => {
+    return {
+        title: state.title
+    }
+}
+
+const mapDispatchToProps = {
+    updateTitle: changeTitle
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(Home)

Diff for: src/common/container/Test.tsx

@@ -0,0 +1,26 @@
+import * as React from "react";
+
+import { Title } from "common/component/Title";
+import { Button } from "common/component/Button";
+import { LinkButton } from "common/component/LinkButton";
+
+export default class Test extends React.Component {
+    public render() {
+        return (
+            <div className="Test">
+                <Title>
+                    This is the test container
+                </Title>
+                <Title>
+                    Yes it is
+                </Title>
+                <Button primary>
+                    Here is a useless primary button
+                </Button>
+                <LinkButton to="/">
+                    Go back
+                </LinkButton>
+            </div>
+        );
+    }
+}