Add ContactForm get all types working.

Author: codeBelt

Diff for: src/RouterWrapper.tsx

@@ -2,9 +2,9 @@ import * as React from 'react';
 import {Provider} from 'react-redux';
 import {BrowserRouter, Route, Switch} from 'react-router-dom';
 import {StaticRouter} from 'react-router';
-import About from './views/About';
-import Home from './views/Home';
-import Contact from './views/Contact';
+import About from './views/about/About';
+import Home from './views/home/Home';
+import Contact from './views/contact/Contact';
 import Footer from './views/landmarks/Footer';
 import Header from './views/landmarks/Header';
 import IStore from './interfaces/store/IStore';

Diff for: src/views/Contact.tsx

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import {connect} from 'react-redux';
-import MetaAction from '../store/meta/MetaAction';
-import IStore from '../interfaces/store/IStore';
+import MetaAction from '../../store/meta/MetaAction';
+import IStore from '../../interfaces/store/IStore';
 import {Dispatch} from 'redux';
-import IMetaReducerState from '../interfaces/store/reducers/IMetaReducerState';
+import IMetaReducerState from '../../interfaces/store/reducers/IMetaReducerState';
 
 interface IStateToProps {}
 

Diff for: src/views/About.tsx renamed to src/views/about/About.tsx

@@ -0,0 +1,41 @@
+import * as React from 'react';
+import {connect} from 'react-redux';
+import MetaAction from '../../store/meta/MetaAction';
+import {Dispatch} from 'redux';
+import IMetaReducerState from '../../interfaces/store/reducers/IMetaReducerState';
+import IStore from '../../interfaces/store/IStore';
+import ContactForm from './ContactForm';
+
+interface IStateToProps {}
+
+interface IDispatchToProps {
+    setMeta: (meta: IMetaReducerState) => void;
+}
+
+const mapStateToProps = (state: IStore): IStateToProps => ({});
+
+const mapDispatchToProps = (dispatch: Dispatch<any>): IDispatchToProps => ({
+    setMeta: (meta: IMetaReducerState) => dispatch(MetaAction.setMeta(meta)),
+});
+
+class Contact extends React.Component<IStateToProps & IDispatchToProps, {}> {
+
+    componentWillMount(): void {
+        this.props.setMeta({title: 'Contact Page'});
+    }
+
+    public render(): JSX.Element {
+        return (
+            <div>
+                <div className="jumbotron">
+                    <h1 className="display-3">{'Contact'}</h1>
+                    <p className="lead">{'This contact form uses redux-form to do client-side validation.'}</p>
+                </div>
+                <ContactForm />
+            </div>
+        );
+    }
+
+}
+
+export default connect<IStateToProps, IDispatchToProps, {}>(mapStateToProps, mapDispatchToProps)(Contact);