const GLOBAL_PROP = {
  loadState: 'GLOBAL_PROP_LOAD_STATE',
  CAN_SHOW_ORG_TREE: 'global-show-org-tree',
  PORTAL_CHART_LAYOUT_COL: 'portal-chart-layout-col'
} as const

export function cacheAllGlobalPropCache(propMap: Record<string, string>) {
  for (const key in propMap) {
    localStorage.setItem(key, propMap[key])
  }
  localStorage.setItem(GLOBAL_PROP.loadState, 'true')
}

export function removeAllGlobalPropCache() {
  localStorage.removeItem(GLOBAL_PROP.loadState)
  localStorage.removeItem(GLOBAL_PROP.CAN_SHOW_ORG_TREE)
  localStorage.removeItem(GLOBAL_PROP.PORTAL_CHART_LAYOUT_COL)
}

export function getCanShowOrgTree() {
  return localStorage.getItem(GLOBAL_PROP.CAN_SHOW_ORG_TREE)
}

export function cacheCanShowOrgTree(value: string) {
  localStorage.setItem(GLOBAL_PROP.CAN_SHOW_ORG_TREE, value)
}

export function removeCanShowOrgTree() {
  localStorage.removeItem(GLOBAL_PROP.CAN_SHOW_ORG_TREE)
}

export function cacheGlobalProp(key: string, value: string) {
  localStorage.setItem(key, value)
}

export function getGlobalProp(key: string) {
  return localStorage.getItem(key)
}

export function removeGlobalProp(key: string) {
  localStorage.removeItem(key)
}

export { GLOBAL_PROP }