import { ColumnDef } from '@noahspan/noahspan-components';
import { FormMode } from '../../enums/formMode';
import { Alert } from '../../interfaces/Alert.interface';
import { LogbookEntry } from './LogbookEntry.interface';
import { LogbookState } from './LogbookState.interface';

type Action =
  | { type: 'SET_COLUMNS'; payload: ColumnDef<LogbookEntry>[] }
  | { type: 'SET_IS_CONFIRMATION_DIALOG_OPEN'; payload: boolean }
  | { type: 'SET_ENTRIES'; payload: LogbookEntry[] }
  | { type: 'SET_ALERT'; payload: Alert | undefined }
  | { type: 'SET_IS_CONFIRMATION_DIALOG_LOADING'; payload: boolean }
  | { type: 'SET_IS_LOADING'; payload: boolean };


export const initialState: LogbookState = {
  alert: undefined,
  columns: [],
  entries: [],
  isConfirmDialogLoading: false,
  isConfirmDialogOpen: false,
  isLoading: false
};

export const reducer = (
  state: LogbookState,
  action: Action
): LogbookState => {
  switch (action.type) {
    case 'SET_COLUMNS': {
      return {
        ...state,
        columns: action.payload
      }
    }
    case 'SET_IS_CONFIRMATION_DIALOG_OPEN': {
      return {
        ...state,
        isConfirmDialogOpen: action.payload,
      };
    }
    case 'SET_ENTRIES': {
      return {
        ...state,
        entries: action.payload
      };
    }
    case 'SET_ALERT': {
      return {
        ...state,
        alert: action.payload
      };
    }
    case 'SET_IS_CONFIRMATION_DIALOG_LOADING': {
      return {
        ...state,
        isConfirmDialogLoading: action.payload
      };
    }
    case 'SET_IS_LOADING': {
      return {
        ...state,
        isLoading: action.payload
      };
    }
    default: {
      return state;
    }
  }
};