'use client'

import { createContext, useEffect, useState } from 'react'
import { useLocalStorage } from 'usehooks-ts'

// export const GlobalDataContext = createContext({
//   managementState: {},
//   setManagementState: () => {},
//   managementStateLoaded: null,
// })
export const GlobalDataContext = createContext(null)

const GlobalDataProvider = ({ children }) => {
  const [managementState, setManagementState] = useState(null)
  // TODO: 임시 조치이며 개발 완료시 삭제 예정 -> 잊지말기...
  const [managementStateLoaded, setManagementStateLoaded] = useLocalStorage('managementStateLoaded', null)

  // const pathname = usePathname()
  // const setCorrentObjectNo = useSetRecoilState(correntObjectNoState)
  // const searchParams = useSearchParams()
  // const objectNo = searchParams.get('objectNo')
  // const pid = searchParams.get('pid')
  // useEffect(() => {
  //   if (pathname === '/floor-plan') {
  //     if (pid === undefined || pid === '' || pid === null || objectNo === undefined || objectNo === '' || objectNo === null) {
  //       notFound()
  //     }
  //     setCorrentObjectNo(objectNo)
  //   }
  // }, [pathname])

  useEffect(() => {
    if (managementState !== null) {
      setManagementStateLoaded(managementState)
    }
  }, [managementState])

  return <GlobalDataContext.Provider value={{ managementState, setManagementState, managementStateLoaded }}>{children}</GlobalDataContext.Provider>
}

export default GlobalDataProvider