import { createAction, Dispatch } from '@reduxjs/toolkit'
import { PositionComponent } from '../components'


export const positionBulkUpdateAction = createAction<PositionComponent[]>('position/bulkUpdate')
export const positionUpdateAction = createAction<PositionComponent>('position/update')
export const positionAddAction = createAction<PositionComponent>('position/add')
export const positionRemoveAction = createAction<PositionComponent>('position/remove')
export const initialisedAction = createAction('position/initialised')

export const addPosition = (action: any) => (dispatch: Dispatch) => {
  const { component, componentID, gameID } = action.payload
  dispatch(positionAddAction({
    ...component,
    componentID,
    gameID,
  }))
}