From 917a70e5ddb55874635cfe3991c339b17d69a139 Mon Sep 17 00:00:00 2001
From: "hyojun.choi" <chlgkwk123@nate.com>
Date: Fri, 15 Nov 2024 13:07:15 +0900
Subject: [PATCH] =?UTF-8?q?=EB=AA=A8=EB=93=88=20=EB=B0=B0=EC=B9=98=20?=
 =?UTF-8?q?=EC=B2=AB=20=EC=A7=84=EC=9E=85=20=EC=8B=9C=20moduleCompass=20nu?=
 =?UTF-8?q?ll=EB=A1=9C=20=EC=84=A4=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/hooks/module/useOrientation.js | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/hooks/module/useOrientation.js b/src/hooks/module/useOrientation.js
index 4b8f4574..b64fc171 100644
--- a/src/hooks/module/useOrientation.js
+++ b/src/hooks/module/useOrientation.js
@@ -3,6 +3,7 @@ import { canvasState } from '@/store/canvasAtom'
 import { usePolygon } from '@/hooks/usePolygon'
 import { POLYGON_TYPE } from '@/common/common'
 import { compasDegAtom } from '@/store/orientationAtom'
+import { useEffect } from 'react'
 
 // 모듈,회로 구성 탭 기본설정 > 방위설정 탭
 export function useOrientation() {
@@ -11,6 +12,16 @@ export function useOrientation() {
 
   const { drawDirectionArrow } = usePolygon()
 
+  useEffect(() => {
+    const roofs = canvas.getObjects().filter((obj) => obj.name === POLYGON_TYPE.ROOF)
+    roofs.forEach((roof) => {
+      roof.set({
+        moduleCompass: null,
+      })
+      drawDirectionArrow(roof)
+    })
+  }, [])
+
   const nextStep = () => {
     const roofs = canvas.getObjects().filter((obj) => obj.name === POLYGON_TYPE.ROOF)
     roofs.forEach((roof) => {