save user asynchronously

Author: rikukissa

src/UserCreator/actions.js

@@ -7,6 +7,16 @@ export function updateNameField(name) {
 }
 
 export const CREATE_USER = "USER_CREATOR/CREATE_USER";
+
 export function createUser() {
   return { type: CREATE_USER };
 }
+
+export const USER_SAVED = "USER_CREATOR/USER_SAVED";
+export function userSaved(user) {
+  return { type: USER_SAVED, payload: user };
+}
+
+export function saveUser(user) {
+  return Promise.resolve(user);
+}

src/UserCreator/reducer.js

@@ -1,7 +1,8 @@
 import { loop, Cmd } from "redux-loop";
 
-import { CREATE_USER, UPDATE_NAME_FIELD } from "./actions";
+import { CREATE_USER, UPDATE_NAME_FIELD, USER_SAVED, saveUser, userSaved } from "./actions";
 import { globalAction } from "redux-subspace";
+
 import { userCreated } from "../state/users";
 
 const initialState = {
@@ -12,8 +13,19 @@ export default function(state = initialState, action) {
   switch (action.type) {
     case UPDATE_NAME_FIELD:
       return { ...state, name: action.payload };
+
+    case USER_SAVED:
+      return loop(state, Cmd.action(globalAction(userCreated(action.payload))));
+
     case CREATE_USER:
-      return loop(state, Cmd.action(globalAction(userCreated(state))));
+      return loop(
+        state,
+        Cmd.run(saveUser, {
+          successActionCreator: userSaved,
+          args: [state]
+        })
+      );
+
     default:
       return state;
   }