Group actions into folders

app/javascript/actions/Like/requestLikes.ts

@@ -0,0 +1,59 @@
+import { Action } from 'redux';
+import { ThunkAction } from 'redux-thunk';
+
+import ILikeJSON from '../../interfaces/json/ILike';
+
+import { State } from '../../reducers/rootReducer';
+
+export const LIKES_REQUEST_START = 'LIKES_REQUEST_START';
+interface LikesRequestStartAction {
+  type: typeof LIKES_REQUEST_START;
+}
+
+export const LIKES_REQUEST_SUCCESS = 'LIKES_REQUEST_SUCCESS';
+interface LikesRequestSuccessAction {
+  type: typeof LIKES_REQUEST_SUCCESS;
+  likes: Array<ILikeJSON>;
+}
+
+export const LIKES_REQUEST_FAILURE = 'LIKES_REQUEST_FAILURE';
+interface LikesRequestFailureAction {
+  type: typeof LIKES_REQUEST_FAILURE;
+  error: string;
+}
+
+export type LikesRequestActionTypes =
+  LikesRequestStartAction |
+  LikesRequestSuccessAction |
+  LikesRequestFailureAction;
+
+
+const likesRequestStart = (): LikesRequestActionTypes => ({
+  type: LIKES_REQUEST_START,
+});
+
+const likesRequestSuccess = (
+  likes: Array<ILikeJSON>,
+): LikesRequestActionTypes => ({
+  type: LIKES_REQUEST_SUCCESS,
+  likes,
+});
+
+const likesRequestFailure = (error: string): LikesRequestActionTypes => ({
+  type: LIKES_REQUEST_FAILURE,
+  error,
+});
+
+export const requestLikes = (
+  postId: number,
+): ThunkAction<void, State, null, Action<string>> => async (dispatch) => {
+  dispatch(likesRequestStart());
+
+  try {
+    const response = await fetch(`/posts/${postId}/likes`);
+    const json = await response.json();
+    dispatch(likesRequestSuccess(json));
+  } catch (e) {
+    dispatch(likesRequestFailure(e));
+  }
+}

app/javascript/actions/Like/submitLike.ts

@@ -0,0 +1,47 @@
+import { Action } from "redux";
+import { ThunkAction } from "redux-thunk";
+
+import { State } from "../../reducers/rootReducer";
+import ILikeJSON from "../../interfaces/json/ILike";
+import buildRequestHeaders from "../../helpers/buildRequestHeaders";
+import HttpStatus from "../../constants/http_status";
+
+export const LIKE_SUBMIT_SUCCESS = 'LIKE_SUBMIT_SUCCESS';
+interface LikeSubmitSuccessAction {
+  type: typeof LIKE_SUBMIT_SUCCESS,
+  postId: number;
+  isLike: boolean;
+  like: ILikeJSON;
+}
+
+export type LikeActionTypes = LikeSubmitSuccessAction;
+
+const likeSubmitSuccess = (
+  postId: number,
+  isLike: boolean,
+  like: ILikeJSON,  
+): LikeSubmitSuccessAction => ({
+  type: LIKE_SUBMIT_SUCCESS,
+  postId,
+  isLike,
+  like,
+});
+
+export const submitLike = (
+  postId: number,
+  isLike: boolean,
+  authenticityToken: string,
+): ThunkAction<void, State, null, Action<string>> => async (dispatch) => {
+  try {
+    const res = await fetch(`/posts/${postId}/likes`, {
+      method: isLike ? 'POST' : 'DELETE',
+      headers: buildRequestHeaders(authenticityToken),
+    });
+    const json = await res.json();
+
+    if (res.status === HttpStatus.Created || res.status === HttpStatus.Accepted)
+      dispatch(likeSubmitSuccess(postId, isLike, json));
+  } catch (e) {
+    console.log('An error occurred while liking a post');
+  }
+}