import * as types from '../../types'
import { store, history, dispatch } from '../../store'
import { api, post, pad, preloadImage } from '../../util'
import actions from '../../actions'
import { session } from '../../session'
import throttle from 'lodash.throttle'

import { ZOOM_STEPS } from './constants'

export const setScrollPosition = start_ts => dispatch => (
  dispatch({ type: types.align.set_display_setting, key: 'start_ts', value: start_ts })
)

export const setZoom = zoom => dispatch => {
  if (0 <= zoom && zoom < ZOOM_STEPS.length) {
    dispatch({ type: types.align.set_display_setting, key: 'zoom', value: zoom })
  }
}

export const throttledSetZoom = throttle(zoom => dispatch => {
  setZoom(zoom)(dispatch)
}, 250, { leading: true })

export const setCursor = cursor_ts => dispatch => (
  dispatch({ type: types.align.set_display_setting, key: 'cursor_ts', value: cursor_ts })
)