‼️fix: floor-plan 하위 렌더링시 조건부 추가

- floot-plan , estimate, simulator 렌더링 조건 분리
- ManagementProvider 에 리코일 로직 추가
This commit is contained in:
yoosangwook 2024-12-04 15:52:45 +09:00
parent cb3780844c
commit d68610440e
3 changed files with 17 additions and 3 deletions

View File

@ -2,8 +2,6 @@
import { correntObjectNoState } from '@/store/settingAtom'
import { notFound, usePathname, useSearchParams } from 'next/navigation'
// import { ErrorBoundary } from 'next/dist/client/components/error-boundary'
// import ServerError from '../error'
import { createContext, useReducer, useState } from 'react'
import { useSetRecoilState } from 'recoil'

View File

@ -3,15 +3,23 @@
import FloorPlanProvider from './FloorPlanProvider'
import FloorPlan from '@/components/floor-plan/FloorPlan'
import CanvasLayout from '@/components/floor-plan/CanvasLayout'
import { usePathname } from 'next/navigation'
export default function FloorPlanLayout({ children }) {
console.log('🚀 ~ FloorPlanLayout ~ FloorPlanLayout:')
const pathname = usePathname()
console.log('🚀 ~ FloorPlanLayout ~ pathname:', pathname)
return (
<>
<FloorPlanProvider>
<FloorPlan>
<CanvasLayout>{children}</CanvasLayout>
{pathname.includes('estimate') || pathname.includes('simulator') ? (
<div className="canvas-layout">{children}</div>
) : (
<CanvasLayout>{children}</CanvasLayout>
)}
{/* <CanvasLayout>{children}</CanvasLayout> */}
</FloorPlan>
</FloorPlanProvider>
</>

View File

@ -1,6 +1,9 @@
'ues client'
import { createContext, useEffect, useState } from 'react'
import { useSearchParams } from 'next/navigation'
import { useSetRecoilState } from 'recoil'
import { correntObjectNoState } from '@/store/settingAtom'
export const ManagementContext = createContext({
managementState: {},
@ -10,6 +13,11 @@ export const ManagementContext = createContext({
const ManagementProvider = ({ children }) => {
const [managementState, setManagementState] = useState({})
const setCurrentObjectNo = useSetRecoilState(correntObjectNoState)
const searchParams = useSearchParams()
const objectNo = searchParams.get('objectNo')
setCurrentObjectNo(objectNo)
useEffect(() => {
console.log('🚀 ~ managementState:', managementState)
}, [managementState])