Make mapDispatchToProps only have dispatch

Author: codeBelt

src/stores/meta/MetaAction.ts

@@ -1,11 +1,11 @@
-import IMetaReducerState from './IMetaReducerState';
 import IAction from '../IAction';
+import ITitleDescription from './models/ITitleDescription';
 
 export default class MetaAction {
 
     public static readonly SET_META: string = 'MetaAction.SET_META';
 
-    public static setMeta(meta: IMetaReducerState): IAction<IMetaReducerState> {
+    public static setMeta(meta: ITitleDescription): IAction<ITitleDescription> {
         if (global.document) {
             global.document.title = meta.title;
         }

src/views/about/About.tsx

@@ -3,25 +3,24 @@ import {connect} from 'react-redux';
 import MetaAction from '../../stores/meta/MetaAction';
 import IStore from '../../stores/IStore';
 import {Dispatch} from 'redux';
-import IMetaReducerState from '../../stores/meta/IMetaReducerState';
 import IAction from '../../stores/IAction';
 
 interface IState {}
 interface IProps {}
 interface IStateToProps {}
 interface IDispatchToProps {
-    setMeta: (meta: IMetaReducerState) => void;
+    dispatch: (action: IAction<any>) => void;
 }
 
 const mapStateToProps = (state: IStore): IStateToProps => ({});
 const mapDispatchToProps = (dispatch: Dispatch<IAction<any>>): IDispatchToProps => ({
-    setMeta: (meta: IMetaReducerState) => dispatch(MetaAction.setMeta(meta)),
+    dispatch,
 });
 
 class About extends React.Component<IStateToProps & IDispatchToProps & IProps, IState> {
 
     public componentWillMount(): void {
-        this.props.setMeta({title: 'About Page'});
+        this.props.dispatch(MetaAction.setMeta({title: 'About Page'}));
     }
 
     public render(): JSX.Element {

src/views/contact/Contact.tsx

@@ -2,7 +2,6 @@ import * as React from 'react';
 import {connect} from 'react-redux';
 import MetaAction from '../../stores/meta/MetaAction';
 import {Dispatch} from 'redux';
-import IMetaReducerState from '../../stores/meta/IMetaReducerState';
 import IStore from '../../stores/IStore';
 import ContactForm from './ContactForm';
 import IAction from '../../stores/IAction';
@@ -11,18 +10,18 @@ interface IState {}
 interface IProps {}
 interface IStateToProps {}
 interface IDispatchToProps {
-    setMeta: (meta: IMetaReducerState) => void;
+    dispatch: (action: IAction<any>) => void;
 }
 
 const mapStateToProps = (state: IStore): IStateToProps => ({});
 const mapDispatchToProps = (dispatch: Dispatch<IAction<any>>): IDispatchToProps => ({
-    setMeta: (meta: IMetaReducerState) => dispatch(MetaAction.setMeta(meta)),
+    dispatch,
 });
 
 class Contact extends React.Component<IStateToProps & IDispatchToProps & IProps, IState> {
 
     public componentWillMount(): void {
-        this.props.setMeta({title: 'Contact Page'});
+        this.props.dispatch(MetaAction.setMeta({title: 'Contact Page'}));
     }
 
     public render(): JSX.Element {

src/views/errors/NotFound.tsx

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import {connect} from 'react-redux';
 import MetaAction from '../../stores/meta/MetaAction';
-import IMetaReducerState from '../../stores/meta/IMetaReducerState';
 import IStore from '../../stores/IStore';
 import {Dispatch} from 'redux';
 import IAction from '../../stores/IAction';
@@ -10,18 +9,18 @@ interface IState {}
 interface IProps {}
 interface IStateToProps {}
 interface IDispatchToProps {
-    setMeta: (meta: IMetaReducerState) => void;
+    dispatch: (action: IAction<any>) => void;
 }
 
 const mapStateToProps = (state: IStore): IStateToProps => ({});
 const mapDispatchToProps = (dispatch: Dispatch<IAction<any>>): IDispatchToProps => ({
-    setMeta: (meta: IMetaReducerState) => dispatch(MetaAction.setMeta(meta)),
+    dispatch,
 });
 
 class NotFound extends React.Component<IStateToProps & IDispatchToProps & IProps, IState> {
 
     public componentWillMount(): void {
-        this.props.setMeta({title: '404 Page Not Found'});
+        this.props.dispatch(MetaAction.setMeta({title: '404 Page Not Found'}));
     }
 
     public render() {

src/views/home/Home.tsx

@@ -5,7 +5,6 @@ import UserAction from '../../stores/user/UserAction';
 import MetaAction from '../../stores/meta/MetaAction';
 import IStore from '../../stores/IStore';
 import {Dispatch} from 'redux';
-import IMetaReducerState from '../../stores/meta/IMetaReducerState';
 import IUserReducerState from '../../stores/user/IUserReducerState';
 import GenericModalAsync from '../modals/GenericModalAsync';
 import ModalAction from '../../stores/modal/ModalAction';
@@ -19,29 +18,23 @@ interface IStateToProps {
     readonly user: IUserReducerState;
 }
 interface IDispatchToProps {
-    historyPush: (route: string) => void;
-    loadUser: () => void;
-    setMeta: (meta: IMetaReducerState) => void;
-    addModal: (modal: JSX.Element) => void;
+    dispatch: (action: IAction<any>) => void;
 }
 
 const mapStateToProps = (state: IStore): IStateToProps => ({
     user: state.userReducer,
 });
 const mapDispatchToProps = (dispatch: Dispatch<IAction<any>>): IDispatchToProps => ({
-    historyPush: (route: string) => dispatch(push(route)),
-    loadUser: () => dispatch(UserAction.loadUser()),
-    setMeta: (meta: IMetaReducerState) => dispatch(MetaAction.setMeta(meta)),
-    addModal: (modal: JSX.Element) => dispatch(ModalAction.addModal(modal)),
+    dispatch,
 });
 
 class Home extends React.Component<IStateToProps & IDispatchToProps & IProps, IState> {
 
     public componentWillMount(): void {
-        this.props.setMeta({
+        this.props.dispatch(MetaAction.setMeta({
             title: 'Home Page',
             description: 'This is the Home Page',
-        });
+        }));
     }
 
     public render(): JSX.Element {
@@ -59,7 +52,7 @@ class Home extends React.Component<IStateToProps & IDispatchToProps & IProps, IS
                     <p>
                         <button
                             className="btn btn-lg btn-success"
-                            onClick={this.props.loadUser}
+                            onClick={this._loadUser}
                         >
                             {'Load Another User'}
                         </button>
@@ -74,10 +67,16 @@ class Home extends React.Component<IStateToProps & IDispatchToProps & IProps, IS
         );
     }
 
+    private _loadUser = (event: React.MouseEvent<HTMLButtonElement>): void => {
+        event.preventDefault();
+
+        this.props.dispatch(UserAction.loadUser());
+    }
+
     private _onClickPushExample = (event: React.MouseEvent<HTMLButtonElement>): void => {
         event.preventDefault();
 
-        this.props.historyPush('/About');
+        this.props.dispatch(push('/About'));
     }
 
     private _onClickOpenModal = (event: React.MouseEvent<HTMLButtonElement>): void => {
@@ -97,7 +96,7 @@ class Home extends React.Component<IStateToProps & IDispatchToProps & IProps, IS
             />
         );
 
-        this.props.addModal(genericModal);
+        this.props.dispatch(ModalAction.addModal(genericModal));
     }
 
     private _onAccept = (modalProps: GenericModalProps): void => {
@@ -112,15 +111,15 @@ class Home extends React.Component<IStateToProps & IDispatchToProps & IProps, IS
             />
         );
 
-        this.props.addModal(genericModal);
+        this.props.dispatch(ModalAction.addModal(genericModal));
     }
 
     private _onClickFormModal = (event: React.MouseEvent<HTMLButtonElement>): void => {
         const formModal: JSX.Element = (
             <ExampleFormModalAsync isRequired={true} />
         );
 
-        this.props.addModal(formModal);
+        this.props.dispatch(ModalAction.addModal(formModal));
     }
 
 }

src/views/modals/ModalHub.tsx

@@ -9,12 +9,16 @@ interface IProps {}
 interface IStateToProps {
     readonly currentModal: JSX.Element;
 }
-interface IDispatchToProps {}
+interface IDispatchToProps {
+    dispatch: (action: IAction<any>) => void;
+}
 
 const mapStateToProps = (state: IStore): IStateToProps => ({
     currentModal: state.modalReducer.currentModal,
 });
-const mapDispatchToProps = (dispatch: Dispatch<IAction<any>>): IDispatchToProps => ({});
+const mapDispatchToProps = (dispatch: Dispatch<IAction<any>>): IDispatchToProps => ({
+    dispatch,
+});
 
 class ModalHub extends React.Component<IStateToProps & IDispatchToProps & IProps, IState> {