import Axios from axios const state profiles null profile null const a

import Axios from 'axios'

const state = {
  profiles: null,
  profile: null
}

const actions = {
  // Загружаем один профайл по id
  loadProfileOnce: async ({commit}, id) => {
    commit('clearError')
    commit('clearMessage')
    commit('setLoading', true)
    try {
      const {data} = await Axios.get('http://localhost:3001/api/profile/' + id, {
        withCredentials: true
      })
      if (data.profile) {
        console.log(data.profile)
        commit('loadProfileOnce', data.profile)
        commit('setMessage', data.message)
      }
      commit('setLoading', false)
    } catch (error) {
      commit('setLoading', false)
      commit('setError', error.message)
      throw error
    }
  },
  // Загружаем профайлы на dashboard
  loadProfiles: async ({commit}) => {
    commit('clearError')
    commit('clearMessage')
    commit('setLoading', true)
    try {
      const {data} = await Axios.get('http://localhost:3001/api/profile/', {
        withCredentials: true
      })

      if (data.profiles) {
        commit('loadProfiles', data.profiles)
        commit('setMessage', data.message)
      }
      commit('setLoading', false)
    } catch (error) {
      commit('setLoading', false)
      commit('setError', error.message)
      throw error
    }
  }
}

const mutations = {
  loadProfiles: (state, payload) => {
    state.profiles = payload
  },
  loadProfileOnce: (state, payload) => {
    state.profile = payload
  }
}

const getters = {
  getProfiles: (state) => {
    return state.profiles
  },
  getOneProfile: (state) => {
    return state.profile
  }
}

export default {
  state,
  getters,
  actions,
  mutations
}