added dummy data

src/App.tsx

@@ -2,17 +2,18 @@ import * as React from 'react';
 import { Provider } from 'react-redux';
 import { Router, browserHistory } from 'react-router';
 
-import './App.css';
 import createStore from './createStore';
+import { loadDummyData } from './mock-data/load-data';
 import routes from './routes';
 
 const store = createStore();
+const RouterWithData = loadDummyData(Router);
 
 class App extends React.Component<{}, {}> {
   public render() {
     return (
       <Provider store={store}>
-        <Router history={browserHistory} routes={routes} />
+        <RouterWithData history={browserHistory} routes={routes} />
       </Provider>
     );
   }

src/mock-data/load-data.tsx

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { connect } from 'react-redux';
+
+import { AppState, tasks } from '../modules';
+import taskData from './tasks';
+
+interface ActionProps {
+  setTasks(tasks: tasks.Task[]): void;
+}
+
+interface Props {
+  history: any;
+  routes: any;
+}
+
+export const loadDummyData = (WrappedComponent: React.ComponentClass<{}>) => {
+  class LoadData extends React.Component<Props & ActionProps, {}> {
+    public componentDidMount() {
+      this.props.setTasks(taskData);
+    }
+
+    public render() {
+      return (<WrappedComponent {...this.props} />);
+    }
+  }
+
+  const mapActionsToProps = {
+    setTasks: tasks.actionCreators.setList,
+  };
+
+  return connect<{}, ActionProps, Props>(undefined, mapActionsToProps)(LoadData);
+};

src/mock-data/tasks.ts

@@ -0,0 +1,28 @@
+import { tasks } from '../modules';
+
+const data: tasks.Task[] = [{
+  id: 1,
+  name: 'Test Task One',
+  type: [
+    'dummy data',
+  ],
+  tags: [
+    'example',
+    'test',
+  ],
+  duration: 60,
+  startDate: 1480394079073,
+  endDate: 1480394079073,
+  location: {
+    latitude: 1111,
+    longitude: 1111,
+  },
+  notes: 'This is a note on how to complete this task',
+  steps: [{
+    name: 'Do this first',
+    template: 'template string',
+    data: {},
+  }],
+}];
+
+export default data;

src/modules/tasks/index.ts

@@ -2,9 +2,9 @@ import * as reselect from 'reselect';
 
 import { Action } from '../../redux/action';
 
-type Activities = 'door knocking' | 'phone banking' | 'rally';
+type Activities = 'door knocking' | 'phone banking' | 'rally' | string;
 
-type Tags = 'open internet' | 'privacy';
+type Tags = 'open internet' | 'privacy' | string;
 
 type Location = {
   latitude?: number;
@@ -23,8 +23,8 @@ export interface Task {
   type: Activities[];
   tags: Tags[];
   duration: number;
-  startDate: Date;
-  endDate: Date;
+  startDate: number;
+  endDate: number;
   location: Location;
   notes: string;
   steps: Step[];