Group actions into folders

app/javascript/actions/Post/changePostBoard.ts

@@ -0,0 +1,40 @@
+import { Action } from 'redux';
+import { ThunkAction } from 'redux-thunk';
+import { State } from '../../reducers/rootReducer';
+
+import buildRequestHeaders from '../../helpers/buildRequestHeaders';
+
+export const CHANGE_POST_BOARD_SUCCESS = 'CHANGE_POST_BOARD_SUCCESS';
+export interface ChangePostBoardSuccessAction {
+  type: typeof CHANGE_POST_BOARD_SUCCESS;
+  newBoardId: number;
+}
+
+const changePostBoardSuccess = (newBoardId: number): ChangePostBoardSuccessAction => ({
+  type: CHANGE_POST_BOARD_SUCCESS,
+  newBoardId,
+});
+
+export const changePostBoard = (
+  postId: number,
+  newBoardId: number,
+  authenticityToken: string,
+): ThunkAction<void, State, null, Action<string>> => async (dispatch) => {
+  try {
+    const response = await fetch(`/posts/${postId}`, {
+      method: 'PATCH',
+      headers: buildRequestHeaders(authenticityToken),
+      body: JSON.stringify({
+        post: {
+          board_id: newBoardId,
+        },
+      })
+    });
+
+    if (response.status === 204) {
+      dispatch(changePostBoardSuccess(newBoardId));
+    }
+  } catch (e) {
+    console.log(e);
+  }
+}