Group actions into folders

app/javascript/actions/Comment/submitComment.ts

@@ -0,0 +1,80 @@
+import { Action } from 'redux';
+import { ThunkAction } from 'redux-thunk';
+import { State } from '../../reducers/rootReducer';
+
+import ICommentJSON from '../../interfaces/json/IComment';
+import buildRequestHeaders from '../../helpers/buildRequestHeaders';
+import HttpStatus from '../../constants/http_status';
+
+export const COMMENT_SUBMIT_START = 'COMMENT_SUBMIT_START';
+interface CommentSubmitStartAction {
+  type: typeof COMMENT_SUBMIT_START;
+  parentId: number;
+}
+
+export const COMMENT_SUBMIT_SUCCESS = 'COMMENT_SUBMIT_SUCCESS';
+interface CommentSubmitSuccessAction {
+  type: typeof COMMENT_SUBMIT_SUCCESS;
+  comment: ICommentJSON;
+}
+
+export const COMMENT_SUBMIT_FAILURE = 'COMMENT_SUBMIT_FAILURE';
+interface CommentSubmitFailureAction {
+  type: typeof COMMENT_SUBMIT_FAILURE;
+  parentId: number;
+  error: string;
+}
+
+export type CommentSubmitActionTypes =
+  CommentSubmitStartAction |
+  CommentSubmitSuccessAction |
+  CommentSubmitFailureAction;
+
+const commentSubmitStart = (parentId: number): CommentSubmitStartAction => ({
+  type: COMMENT_SUBMIT_START,
+  parentId,
+});
+
+const commentSubmitSuccess = (
+  commentJSON: ICommentJSON,
+): CommentSubmitSuccessAction => ({
+  type: COMMENT_SUBMIT_SUCCESS,
+  comment: commentJSON,
+});
+
+const commentSubmitFailure = (parentId: number, error: string): CommentSubmitFailureAction => ({
+  type: COMMENT_SUBMIT_FAILURE,
+  parentId,
+  error,
+});
+
+export const submitComment = (
+  postId: number,
+  body: string,
+  parentId: number,
+  authenticityToken: string,
+): ThunkAction<void, State, null, Action<string>> => async (dispatch) => {
+  dispatch(commentSubmitStart(parentId));
+
+  try {
+    const res = await fetch(`/posts/${postId}/comments`, {
+      method: 'POST',
+      headers: buildRequestHeaders(authenticityToken),
+      body: JSON.stringify({
+        comment: {
+          body,
+          parent_id: parentId,
+        },
+      }),
+    });
+    const json = await res.json();
+
+    if (res.status === HttpStatus.Created) {
+      dispatch(commentSubmitSuccess(json));
+    } else {
+      dispatch(commentSubmitFailure(parentId, json.error));
+    }
+  } catch (e) {
+    dispatch(commentSubmitFailure(parentId, e));
+  }
+}