import { Action } from 'redux';
import { AsyncAction, AsyncFulfilledAction } from './redux-thunk-promise';
import { ApiResult } from 'api/...';

export const FETCH = '.../FETCH';
export const FETCH_PENDING = '.../FETCH_PENDING';
export const FETCH_FULFILLED = '.../FETCH_FULFILLED';
export const FETCH_REJECTED = '.../FETCH_REJECTED';

export type FetchAction = AsyncAction<typeof FETCH, ApiResult>;
export type FetchPendingAction = Action<typeof FETCH_PENDING>;
export type FetchDoneAction = Action<typeof FETCH_FULFILLED> & {
  payload: ApiResult;
};
export type FetchFailAction = Action<typeof FETCH_REJECTED> & {
  payload: Error;
  error: true;
};

export type FooAction =
  | FetchAction
  | FetchPendingAction
  | FetchDoneAction
  | FetchFailAction;