diff --git a/src/app/GlobalDataProvider.js b/src/app/GlobalDataProvider.js index ee7bf4e3..e4162cd1 100644 --- a/src/app/GlobalDataProvider.js +++ b/src/app/GlobalDataProvider.js @@ -1,16 +1,24 @@ 'use client' -import { createContext, useState } from 'react' +import { createContext, useEffect, useState } from 'react' +import { useLocalStorage } from 'usehooks-ts' export const GlobalDataContext = createContext({ managementState: {}, setManagementState: () => {}, + managementStateLoaded: null, }) const GlobalDataProvider = ({ children }) => { const [managementState, setManagementState] = useState({}) + // TODO: 임시 조치이며 개발 완료시 삭제 예정 -> 잊지말기... + const [managementStateLoaded, setManagementStateLoaded] = useLocalStorage('managementStateLoaded', null) - return {children} + useEffect(() => { + setManagementStateLoaded(managementState) + }, [managementState]) + + return {children} } export default GlobalDataProvider diff --git a/src/components/Playground.jsx b/src/components/Playground.jsx index fcc5468d..ef1adab2 100644 --- a/src/components/Playground.jsx +++ b/src/components/Playground.jsx @@ -1,6 +1,6 @@ 'use client' -import { useRef, useState, useEffect } from 'react' +import { useRef, useState, useEffect, useContext } from 'react' import { useRecoilState } from 'recoil' import { v4 as uuidv4 } from 'uuid' import { FaAnglesUp } from 'react-icons/fa6' @@ -26,6 +26,7 @@ import QPagination from './common/pagination/QPagination' import { trestleRequestModels, constructionRequestModels, trestleDetailRequestModels } from '@/models/apiModels' import QSelectBox from './common/select/QSelectBox' import SampleReducer from './sample/SampleReducer' +import { GlobalDataContext } from '@/app/GlobalDataProvider' export default function Playground() { const [useCadFile, setUseCadFile] = useRecoilState(useCadFileState) @@ -52,6 +53,8 @@ export default function Playground() { const [users, setUsers] = useState([]) + const { managementState, setManagementState, managementStateLoaded } = useContext(GlobalDataContext) + useEffect(() => { console.log('textInput:', textInput) }, [textInput]) @@ -508,6 +511,15 @@ export default function Playground() {
+
+ +
+
+ +
+
+

{managementStateLoaded?.objectNo}

+
)