diff --git a/src/components/floor-plan/CanvasFrame.jsx b/src/components/floor-plan/CanvasFrame.jsx index 85315a23..bc0b403b 100644 --- a/src/components/floor-plan/CanvasFrame.jsx +++ b/src/components/floor-plan/CanvasFrame.jsx @@ -16,7 +16,15 @@ import { totalDisplaySelector } from '@/store/settingAtom' import { MENU } from '@/common/common' import { FloorPlanContext } from '@/app/floor-plan/FloorPlanProvider' import { QcastContext } from '@/app/QcastProvider' -import { moduleStatisticsState } from '@/store/circuitTrestleAtom' +import { + makersState, + modelsState, + moduleStatisticsState, + pcsCheckState, + selectedMakerState, + selectedModelsState, + seriesState, +} from '@/store/circuitTrestleAtom' export default function CanvasFrame() { const canvasRef = useRef(null) @@ -28,7 +36,13 @@ export default function CanvasFrame() { const { currentCanvasPlan } = usePlan() const totalDisplay = useRecoilValue(totalDisplaySelector) // 집계표 표시 여부 const { setIsGlobalLoading } = useContext(QcastContext) - const reset = useResetRecoilState(moduleStatisticsState) + const resetModuleStatisticsState = useResetRecoilState(moduleStatisticsState) + const resetMakersState = useResetRecoilState(makersState) + const resetSelectedMakerState = useResetRecoilState(selectedMakerState) + const resetSeriesState = useResetRecoilState(seriesState) + const resetModelsState = useResetRecoilState(modelsState) + const resetSelectedModelsState = useResetRecoilState(selectedModelsState) + const resetPcsCheckState = useResetRecoilState(pcsCheckState) const loadCanvas = () => { if (canvas) { canvas?.clear() // 캔버스를 초기화합니다. @@ -44,13 +58,23 @@ export default function CanvasFrame() { useEffect(() => { loadCanvas() - reset() + resetRecoilData() }, [currentCanvasPlan, canvas]) useEffect(() => { setIsGlobalLoading(false) }, []) + const resetRecoilData = () => { + resetModuleStatisticsState() + resetMakersState() + resetSelectedMakerState() + resetSeriesState() + resetModelsState() + resetSelectedModelsState() + resetPcsCheckState() + } + return (