import { createSlice, PayloadAction } from '@reduxjs/toolkit'
import { MetaDataState } from './types'

export const initialState: MetaDataState = {
  isLoaded: false,
  loading: false,
  metaData: {},
}

const stateName = 'metaData'

export const metaDataSlice = createSlice({
  name: stateName,
  initialState,
  reducers: {
    save(state, action: PayloadAction<Object>) {
      const { payload } = action
      return {
        ...state,
        ...payload,
      }
    },
    getMetaData(state, action: PayloadAction<string>) {
      state.loading = true
    },
    getMetaDataSuccess(state, action: PayloadAction<Object>) {
      state.metaData = action.payload
      state.loading = false
      state.isLoaded = true
    },
    getMetaDataFailed(state, action: PayloadAction<string>) {
      state.loading = false
    },
  },
  // extraReducers: {
  //   [HYDRATE]: (state, action) => {
  //     // console.log('HYDRATE ', stateName, action.payload[stateName])

  //     return {
  //       ...state,
  //       ...action.payload[stateName],
  //     }
  //   },
  // },
})

const { reducer } = metaDataSlice
export const { actions: metaDataActions } = metaDataSlice

export default reducer