import * as types from '../../types'
import { session, getDefault, getDefaultInt } from '../../session'

const initialState = {
  timeline: {
    cursor_ts: -1,
    start_ts: 0,
    zoom: 1,
    duration: 0,
  },
  annotation: {},
  options: {
  }
}

export default function alignReducer(state = initialState, action) {
  // console.log(action.type, action)
  switch (action.type) {
    case types.peaks.loaded:
      console.log('peaks duration:', action.data.length / 20)
      return state
      // return {
      //   ...state,
      //   timeline: {
      //     ...state.timeline,
      //     duration: action.data.length / 20,
      //   }
      // }
    case types.align.set_display_setting:
      return {
        ...state,
        timeline: {
          ...state.timeline,
          [action.key]: action.value,
        }
      }

    case types.align.set_temporary_annotation:
      return {
        ...state,
        annotation: action.data,
      }

    case types.align.update_temporary_annotation:
      return {
        ...state,
        annotation: {
          ...state.annotation,
          [action.key]: action.value,
        }
      }

    case types.align.update_temporary_annotation_settings:
      return {
        ...state,
        annotation: {
          ...state.annotation,
          settings: {
            ...state.annotation.settings,
            [action.key]: action.value,
          }
        }
      }

    default:
      return state
  }
}