From 512f75c399ef89bf044082103e18dcc0da2f65fb Mon Sep 17 00:00:00 2001
From: yoosangwook <yoo32767@gmail.com>
Date: Mon, 23 Sep 2024 17:20:05 +0900
Subject: [PATCH] =?UTF-8?q?refactor:=20=EC=86=8C=EC=8A=A4=EC=BD=94?=
 =?UTF-8?q?=EB=93=9C=20=EC=9E=84=ED=8F=AC=ED=8A=B8=20=EC=88=9C=EC=84=9C=20?=
 =?UTF-8?q?&=20=EB=B3=80=EC=88=98=20=EC=84=A0=EC=96=B8=20=EC=88=9C?=
 =?UTF-8?q?=EC=84=9C=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

되도록 지켜 주세용
---
 src/components/floor-plan/CanvasMenu.jsx | 37 +++++++++++++++---------
 1 file changed, 23 insertions(+), 14 deletions(-)

diff --git a/src/components/floor-plan/CanvasMenu.jsx b/src/components/floor-plan/CanvasMenu.jsx
index 04f68a25..65e99945 100644
--- a/src/components/floor-plan/CanvasMenu.jsx
+++ b/src/components/floor-plan/CanvasMenu.jsx
@@ -1,10 +1,13 @@
 'use client'
 
 import { useEffect, useState } from 'react'
+
+import { useRecoilState, useRecoilValue, useSetRecoilState } from 'recoil'
+
 import MenuDepth01 from './MenuDepth01'
 import QSelectBox from '@/components/common/select/QSelectBox'
+
 import { useMessage } from '@/hooks/useMessage'
-import { useRecoilState, useRecoilValue, useSetRecoilState } from 'recoil'
 import { canvasState, canvasZoomState, currentMenuState, verticalHorizontalModeState } from '@/store/canvasAtom'
 import { outerLinePointsState } from '@/store/outerLineAtom'
 import { appMessageStore, globalLocaleStore } from '@/store/localeAtom'
@@ -15,16 +18,20 @@ import JA from '@/locales/ja.json'
 
 export default function CanvasMenu(props) {
   const { setShowCanvasSettingModal, showOutlineModal, setShowOutlineModal } = props
+
   const [menuNumber, setMenuNumber] = useState(null)
-  const [verticalHorizontalMode, setVerticalHorizontalMode] = useRecoilState(verticalHorizontalModeState)
   const [type, setType] = useState('')
-  const { getMessage } = useMessage()
-  const canvasZoom = useRecoilValue(canvasZoomState)
-  const canvas = useRecoilValue(canvasState)
+
+  const [verticalHorizontalMode, setVerticalHorizontalMode] = useRecoilState(verticalHorizontalModeState)
+  const [appMessageState, setAppMessageState] = useRecoilState(appMessageStore)
   const setCurrentMenu = useSetRecoilState(currentMenuState)
   const setPoints = useSetRecoilState(outerLinePointsState)
+
+  const canvasZoom = useRecoilValue(canvasZoomState)
   const globalLocale = useRecoilValue(globalLocaleStore)
-  const [appMessageState, setAppMessageState] = useRecoilState(appMessageStore)
+  const canvas = useRecoilValue(canvasState)
+
+  const { getMessage } = useMessage()
 
   const SelectOption = [{ name: '瓦53A' }, { name: '瓦53A' }]
   const onClickNav = (number) => {
@@ -38,14 +45,6 @@ export default function CanvasMenu(props) {
     type,
   }
 
-  useEffect(() => {
-    if (globalLocale === 'ko') {
-      setAppMessageState(KO)
-    } else {
-      setAppMessageState(JA)
-    }
-  }, [menuNumber, type, globalLocale])
-
   // 저장버튼(btn08) 클릭 시 호출되는 함수
   const handleSaveSettings = async () => {}
 
@@ -54,6 +53,16 @@ export default function CanvasMenu(props) {
     canvas?.clear()
   }
 
+  useEffect(() => {}, [])
+
+  useEffect(() => {
+    if (globalLocale === 'ko') {
+      setAppMessageState(KO)
+    } else {
+      setAppMessageState(JA)
+    }
+  }, [menuNumber, type, globalLocale])
+
   return (
     <div className={`canvas-menu-wrap ${menuNumber === 2 || menuNumber === 3 || menuNumber === 4 ? 'active' : ''}`}>
       <div className="canvas-menu-inner">