import * as GalleryActions from '@/actions/gallery';
import { IGalleryAction } from '@/actions/gallery';

const types = GalleryActions.types;

export interface IGalleryState {
  page: number;
  isFetching: boolean;
  isError: boolean;
  errorTimes: number;
  items: any[];
  images: string[];
  isFetchingTags: boolean;
  tags: any[];
  word: string;
  fromIllust: boolean;
}

export default function gallery(
  state: IGalleryState = {
    page: 1,
    isFetching: false,
    isError: false,
    errorTimes: 0,
    items: [],
    images: [],
    isFetchingTags: false,
    tags: [],
    word: 'ranking',
    fromIllust: false
  },
  action: IGalleryAction
): IGalleryState {
  switch (action.type) {
    case types.SET_ITEMS:
      return {
        ...state,
        items: [...state.items, ...[action.payload.data]]
      };

    case types.SET_FETCH_ERROR:
      return {
        ...state,
        isError: action.payload.isError
      };

    case types.SET_FETCH_STATUS:
      return {
        ...state,
        isFetching: action.payload.isFetching
      };

    case types.SET_PAGE:
      return {
        ...state,
        page: action.payload.page
      };

    case types.SET_ERROR_TIMES:
      return {
        ...state,
        errorTimes: state.errorTimes + 1
      };

    case types.CLEAR_ERROR_TIMES:
      return {
        ...state,
        errorTimes: 0
      };

    case types.SET_FETCH_TAGS_STATUS:
      return {
        ...state,
        isFetchingTags: action.payload.isFetching
      };

    case types.SET_TAGS:
      return {
        ...state,
        tags: action.payload.data
      };

    case types.SET_WORD:
      return {
        ...state,
        word: action.payload.word
      };

    case types.CLEAR_SOURCE:
      return {
        ...state,
        items: action.payload.items,
        images: action.payload.images
      };

    case types.SET_FROM_ILLUST:
      return {
        ...state,
        fromIllust: action.payload
      };

    default:
      return state;
  }
}