step 9 exercise complete!

step2-09/demo/src/actions/index.ts

@@ -0,0 +1,43 @@
+import uuid from 'uuid/v4';
+import { Store } from '../store';
+import * as service from '../service';
+
+export const actions = {
+  addTodo: (label: string) => ({ type: 'addTodo', id: uuid(), label }),
+  remove: (id: string) => ({ type: 'remove', id }),
+  complete: (id: string) => ({ type: 'complete', id }),
+  clear: () => ({ type: 'clear' }),
+  setFilter: (filter: string) => ({ type: 'setFilter', filter })
+};
+
+export const actionsWithService = {
+  addTodo: (label: string) => {
+    return async (dispatch: any, getState: () => Store) => {
+      const addAction = actions.addTodo(label);
+      const id = addAction.id;
+      dispatch(addAction);
+      await service.add(id, getState().todos[id]);
+    };
+  },
+
+  remove: (id: string) => {
+    return async (dispatch: any, getState: () => Store) => {
+      dispatch(actions.remove(id));
+      await service.remove(id);
+    };
+  },
+
+  complete: (id: string) => {
+    return async (dispatch: any, getState: () => Store) => {
+      dispatch(actions.complete(id));
+      await service.edit(id, getState().todos[id]);
+    };
+  },
+
+  clear: () => {
+    return async (dispatch: any, getState: () => Store) => {
+      dispatch(actions.clear());
+      await service.editBulk(getState().todos);
+    };
+  }
+};