import api from '../../utils/api'

const state = {
    all: {},
    loaded: false,
}

const getters = {
    allMedia: state => state.all,
    allMediaLoaded: state => state.loaded,
}

const actions = {
    getMediaById({ commit }, ids) {
        commit('CLEAR_MEDIA')
        commit('MEDIA_LOADED', false)
        ids.forEach(id => {
            api.getSingleMedia(id, media => {
                commit('STORE_FETCHED_MEDIA', { media })
            })
        })
        commit('MEDIA_LOADED', true) 
    }
}

const mutations = {
    STORE_FETCHED_MEDIA(state, { media }) { state.all = media },
    CLEAR_MEDIA(state) { state.all = [] },
    MEDIA_LOADED(state, val) { state.loaded = val },
}

export default { state, getters, actions, mutations }