astuto/app/javascript/reducers/commentsReducer.ts

import {
  CommentsRequestActionTypes,
  COMMENTS_REQUEST_START,
  COMMENTS_REQUEST_SUCCESS,
  COMMENTS_REQUEST_FAILURE,
} from '../actions/Comment/requestComments';

import { commentRequestSuccess } from '../actions/Comment/requestComment';

import {
  HandleCommentRepliesType,
  TOGGLE_COMMENT_REPLY,
  SET_COMMENT_REPLY_BODY,
  TOGGLE_COMMENT_IS_POST_UPDATE_FLAG,
} from '../actions/Comment/handleCommentReplies';

import {
  CommentSubmitActionTypes,
  COMMENT_SUBMIT_START,
  COMMENT_SUBMIT_SUCCESS,
  COMMENT_SUBMIT_FAILURE,
} from '../actions/Comment/submitComment';

import {
  CommentDeleteActionTypes,
  COMMENT_DELETE_SUCCESS,
} from '../actions/Comment/deleteComment';

import {
  CommentUpdateActionTypes,
  COMMENT_UPDATE_SUCCESS,
} from '../actions/Comment/updateComment';

import commentReducer from './commentReducer';
import replyFormsReducer from './replyFormsReducer';

import { ReplyFormState } from './replyFormReducer';

import IComment from '../interfaces/IComment';
import ICommentJSON from '../interfaces/json/IComment';

export interface CommentsState {
  items: Array<IComment>;
  replyForms: Array<ReplyFormState>;
  areLoading: boolean;
  error: string;
}

const initialState: CommentsState = {
  items: [],
  replyForms: [],
  areLoading: false,
  error: '',
};

const commentsReducer = (
  state = initialState,
  action:
    CommentsRequestActionTypes |
    HandleCommentRepliesType |
    CommentSubmitActionTypes |
    CommentUpdateActionTypes |
    CommentDeleteActionTypes
): CommentsState => {
  switch (action.type) {
    case COMMENTS_REQUEST_START:
      return {
        ...state,
        areLoading: true,
      };

    case COMMENTS_REQUEST_SUCCESS:
      return {
        ...state,
        items: action.comments.map(
          (comment: ICommentJSON) => commentReducer(undefined, commentRequestSuccess(comment))
        ),
        replyForms: replyFormsReducer(state.replyForms, action),
        areLoading: false,
        error: '',
      };

    case COMMENTS_REQUEST_FAILURE:
      return {
        ...state,
        areLoading: false,
        error: action.error,
      };

    case TOGGLE_COMMENT_REPLY:
    case SET_COMMENT_REPLY_BODY:
    case TOGGLE_COMMENT_IS_POST_UPDATE_FLAG:
      return {
        ...state,
        replyForms: replyFormsReducer(state.replyForms, action),
      };

    case COMMENT_SUBMIT_START:
    case COMMENT_SUBMIT_FAILURE:
      return {
        ...state,
        replyForms: replyFormsReducer(state.replyForms, action),
      };

    case COMMENT_SUBMIT_SUCCESS:
      return {
        ...state,
        items: [commentReducer(undefined, commentRequestSuccess(action.comment)), ...state.items],
        replyForms: replyFormsReducer(state.replyForms, action),
      };

    case COMMENT_DELETE_SUCCESS:
      return {
        ...state,
        items: state.items.filter(comment => comment.id !== action.commentId),
      };

    case COMMENT_UPDATE_SUCCESS:
        return {
          ...state,
          items: state.items.map(comment => (
            comment.id === action.comment.id ? commentReducer(comment, action) : comment
          )),
        };

    default:
      return state;
  }
}

export default commentsReducer;