contextStore.js

import React from "react"
import drawerReducer from "@/reducers/drawer"
import routeReducer from "@/reducers/route"
import pageOptionsReducer, {
  FONT_ZOOM_LOCALSTORAGE_KEY,
} from "@/reducers/pageOptions"
import casesReducer, { CASES_CARD_VIEW } from "@/reducers/cases"
import { loadFromLocalStorage } from "@/utils"

export const drawerInitialState = {
  open: false,
}

export const routeInitialState = {
  path: "/",
  fullPath: "/",
}

export const pageOptionsInitialState = {
  closedAlerts: [],
  fontZoom: parseFloat(
    loadFromLocalStorage(FONT_ZOOM_LOCALSTORAGE_KEY) || "1.0"
  ),
}

export const casesInitialState = {
  view: CASES_CARD_VIEW,
  // 1: by date   : from latest to oldest
  // 2: by date   : from oldest to latest
  // 3: by area   : from greatest to least
  // 4: by area   : from least to greatest
  // 5: by group  : from more to less
  // 6: by group  : from less to more
  // 7: by status
  group: 1,
}

const ContextStore = React.createContext({
  drawer: drawerInitialState,
  route: routeInitialState,
  pageOptions: pageOptionsInitialState,
  cases: casesInitialState,
})

export const ContextStoreProvider = props => {
  const { initialStore = {} } = props

  const [drawerState, drawerDispatch] = React.useReducer(drawerReducer, {
    ...drawerInitialState,
    ...initialStore.drawer,
  })

  const [routeState, routeDispatch] = React.useReducer(routeReducer, {
    ...routeInitialState,
    ...initialStore.route,
  })

  const [pageOptionsState, pageOptionsDispatch] = React.useReducer(
    pageOptionsReducer,
    {
      ...pageOptionsInitialState,
      ...initialStore.pageOptions,
    }
  )

  const [casesState, casesDispatch] = React.useReducer(casesReducer, {
    ...casesInitialState,
    ...initialStore.cases,
  })
  return (
    <ContextStore.Provider
      value={{
        drawer: {
          state: drawerState,
          dispatch: drawerDispatch,
        },
        route: {
          state: routeState,
          dispatch: routeDispatch,
        },
        pageOptions: {
          state: pageOptionsState,
          dispatch: pageOptionsDispatch,
        },
        cases: {
          state: casesState,
          dispatch: casesDispatch,
        },
      }}
      {...props}
    />
  )
}

export default ContextStore