import { createTransform } from 'redux-persist'
import { AppState } from '../../modules/App/types'

export const appTransform = createTransform(
  // transform state on its way to being serialized and persisted.
  (inboundState: AppState) => {
    // just return the inbound state
    return inboundState
  },
  // transform state being rehydrated
  (outboundState: AppState) => {
    // on rehydrate always set the updating property to false
    return {
      ...outboundState,
      loaded: false,
      loading: false,
    }
  },
  // define which reducers this transform gets called for.
  { whitelist: ['app'] },
)