import { createSlice } from 'redux-starter-kit'
import { pages } from '../components/pages'

const navigationSlice = createSlice({
  slice: 'navigation',
  initialState: {
    currentPage: 'Home',
  },
  reducers: {
    navigate: (_state, action) => {
      return {
        currentPage: action.payload,
      }
    },
    goBack: ({ currentPage }) => {
      const page = pages.find((p) => p.component === currentPage)
      return {
        currentPage: page.parent,
      }
    },
  },
})

// Extract the action creators object and the reducer
const { actions, reducer, selectors } = navigationSlice
// Extract and export each action creator by name
export const { navigate, goBack } = actions

export const { getNavigation } = selectors

export default reducer