diff --git a/src/components/floor-plan/modal/basic/step/Orientation.jsx b/src/components/floor-plan/modal/basic/step/Orientation.jsx index 23f388f7..590c9d46 100644 --- a/src/components/floor-plan/modal/basic/step/Orientation.jsx +++ b/src/components/floor-plan/modal/basic/step/Orientation.jsx @@ -1,4 +1,4 @@ -import { forwardRef, useContext, useImperativeHandle, useState } from 'react' +import { forwardRef, useContext, useEffect, useImperativeHandle, useState } from 'react' import { useMessage } from '@/hooks/useMessage' import { useOrientation } from '@/hooks/module/useOrientation' import { getDegreeInOrientation } from '@/util/canvas-util' @@ -8,6 +8,8 @@ import { useCanvasPopupStatusController } from '@/hooks/common/useCanvasPopupSta export const Orientation = forwardRef(({ tabNum }, ref) => { const { getMessage } = useMessage() + const { trigger: canvasPopupStatusTrigger } = useCanvasPopupStatusController(1) + const { nextStep, compasDeg, setCompasDeg } = useOrientation() const [hasAnglePassivity, setHasAnglePassivity] = useState(false) @@ -21,6 +23,10 @@ export const Orientation = forwardRef(({ tabNum }, ref) => { canvasPopupStatusTrigger(compasDeg) } + useEffect(() => { + checkDegree(compasDeg) + }, [compasDeg]) + const checkDegree = (e) => { if (numberCheck(Number(e)) && Number(e) >= -180 && Number(e) <= 180) { setCompasDeg(Number(e)) @@ -29,8 +35,6 @@ export const Orientation = forwardRef(({ tabNum }, ref) => { } } - const { trigger: canvasPopupStatusTrigger } = useCanvasPopupStatusController(1) - return ( <>