added error display

src/redux/node/actions.ts

@@ -70,7 +70,7 @@ export const nodeSetRelated = (related: INodeState['related']) => ({
   type: NODE_ACTIONS.SET_RELATED,
 });
 
-export const nodeSetCommentData = (id: number, comment: IComment) => ({
+export const nodeSetCommentData = (id: number, comment: Partial<IComment>) => ({
   id,
   comment,
   type: NODE_ACTIONS.SET_COMMENT_DATA,

src/redux/node/constants.ts

@@ -110,6 +110,7 @@ export const EMPTY_COMMENT: IComment = {
   temp_ids: [],
   is_private: false,
   user: null,
+  error: '',
 };
 
 export const NODE_EDITORS = {

src/redux/node/handlers.ts

@@ -49,7 +49,16 @@ const setRelated = (state: INodeState, { related }: ReturnType<typeof nodeSetRel
 const setCommentData = (
   state: INodeState,
   { id, comment }: ReturnType<typeof nodeSetCommentData>
-) => assocPath(['comment_data', id], comment, state);
+) => ({
+  ...state,
+  comment_data: {
+    ...state.comment_data,
+    [id]: {
+      ...(state.comment_data[id] || {}),
+      ...comment,
+    },
+  },
+})
 
 const setTags = (state: INodeState, { tags }: ReturnType<typeof nodeSetTags>) =>
   assocPath(['current', 'tags'], tags, state);

src/redux/node/sagas.ts

@@ -207,7 +207,7 @@ function* onPostComment({ id }: ReturnType<typeof nodePostComment>) {
   yield put(nodeSetSendingComment(false));
 
   if (error || !comment) {
-    return yield put(nodeSetSaveErrors({ error: error || ERRORS.EMPTY_RESPONSE }));
+    return yield put(nodeSetCommentData(id, { error }));
   }
 
   const { current: current_node } = yield select(selectNode);

src/redux/types.ts

@@ -146,6 +146,7 @@ export interface IComment {
   files: IFile[];
   is_private: boolean;
   user: IUser;
+  error?: string;
 
   created_at?: string;
   update_at?: string;