From 13eeeee3c355a4ddcef52fa6b672c6544ce39b74 Mon Sep 17 00:00:00 2001
From: Matt Casey <matt@mattcasey.nyc>
Date: Mon, 28 Nov 2016 23:42:22 -0500
Subject: [PATCH] added dummy data

---
 src/App.css                 | 24 ------------------------
 src/App.tsx                 |  5 +++--
 src/mock-data/load-data.tsx | 32 ++++++++++++++++++++++++++++++++
 src/mock-data/tasks.ts      | 28 ++++++++++++++++++++++++++++
 src/modules/tasks/index.ts  |  8 ++++----
 5 files changed, 67 insertions(+), 30 deletions(-)
 delete mode 100644 src/App.css
 create mode 100644 src/mock-data/load-data.tsx
 create mode 100644 src/mock-data/tasks.ts

diff --git a/src/App.css b/src/App.css
deleted file mode 100644
index 15adfdc..0000000
--- a/src/App.css
+++ /dev/null
@@ -1,24 +0,0 @@
-.App {
-  text-align: center;
-}
-
-.App-logo {
-  animation: App-logo-spin infinite 20s linear;
-  height: 80px;
-}
-
-.App-header {
-  background-color: #222;
-  height: 150px;
-  padding: 20px;
-  color: white;
-}
-
-.App-intro {
-  font-size: large;
-}
-
-@keyframes App-logo-spin {
-  from { transform: rotate(0deg); }
-  to { transform: rotate(360deg); }
-}
diff --git a/src/App.tsx b/src/App.tsx
index b4a4d3a..f2ce7e6 100644
--- a/src/App.tsx
+++ b/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>
     );
   }
diff --git a/src/mock-data/load-data.tsx b/src/mock-data/load-data.tsx
new file mode 100644
index 0000000..b4918ce
--- /dev/null
+++ b/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);
+};
diff --git a/src/mock-data/tasks.ts b/src/mock-data/tasks.ts
new file mode 100644
index 0000000..44aa840
--- /dev/null
+++ b/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;
diff --git a/src/modules/tasks/index.ts b/src/modules/tasks/index.ts
index f6cd68a..43bab4b 100644
--- a/src/modules/tasks/index.ts
+++ b/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[];