saving node and showing dialog

src/constants/errors.ts

@@ -1,4 +1,5 @@
 export const ERRORS = {
   NOT_AN_EMAIL: 'Not_An_Email',
   TOO_SHIRT: 'Is_Too_Shirt',
+  EMPTY_RESPONSE: 'Empty_Response',
 };

src/redux/flow/actions.ts

@@ -1,7 +1,7 @@
-import { INode } from '../types';
 import { FLOW_ACTIONS } from './constants';
+import { IFlowState } from './reducer';
 
-export const flowSetNodes = (nodes: INode[]) => ({
+export const flowSetNodes = (nodes: IFlowState['nodes']) => ({
   nodes,
   type: FLOW_ACTIONS.SET_NODES,
 });

src/redux/node/sagas.ts

@@ -3,20 +3,27 @@ import { NODE_ACTIONS } from './constants';
 import { nodeSave, nodeSetSaveErrors } from './actions';
 import { postNode } from './api';
 import { reqWrapper } from '../auth/sagas';
+import { flowSetNodes } from '../flow/actions';
+import { ERRORS } from '~/constants/errors';
+import { modalSetShown } from '../modal/actions';
 
 function* onNodeSave({ node }: ReturnType<typeof nodeSave>) {
   yield put(nodeSetSaveErrors({}));
 
   const {
-    data,
+    data: { errors, node: result },
-    data: { errors },
   } = yield call(reqWrapper, postNode, { node });
 
   if (errors && Object.values(errors).length > 0) {
     return yield put(nodeSetSaveErrors(errors));
   }
 
-  console.log({ data, errors });
+  if (!result || !result.id) {
+    return yield put(nodeSetSaveErrors({ error: ERRORS.EMPTY_RESPONSE }));
+  }
+
+  yield put(flowSetNodes({ [result.id]: result }));
+  yield put(modalSetShown(false));
 }
 
 export default function* nodeSaga() {

src/redux/types.ts

@@ -114,4 +114,4 @@ export interface INode {
 }
 
 export type IUploadProgressHandler = (progress: ProgressEvent) => void;
-export type IValidationErrors = Record<string, keyof typeof ERRORS>;
+export type IValidationErrors = Record<string, ValueOf<typeof ERRORS>>;