From 0d4edc84e33114c68b8d445cab1641a060c46aeb Mon Sep 17 00:00:00 2001
From: minsik <pro.mskim0215@gmail.com>
Date: Thu, 19 Sep 2024 14:02:21 +0900
Subject: [PATCH] =?UTF-8?q?-=20=EC=99=B8=EB=B2=BD=EC=84=A0=20=EC=84=A4?=
 =?UTF-8?q?=EC=A0=95=20=ED=8C=9D=EC=97=85=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  |  2 +-
 src/components/floor-plan/MenuDepth01.jsx | 12 ++++++++----
 src/locales/ja.json                       |  1 +
 src/locales/ko.json                       |  1 +
 4 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/components/floor-plan/CanvasMenu.jsx b/src/components/floor-plan/CanvasMenu.jsx
index 12c2395a..89d3b940 100644
--- a/src/components/floor-plan/CanvasMenu.jsx
+++ b/src/components/floor-plan/CanvasMenu.jsx
@@ -111,7 +111,7 @@ export default function CanvasMenu(props) {
               </div>
               {menuNumber !== 4 && (
                 <div className={`vertical-horizontal ${vertical ? 'on' : ''}`}>
-                  <span>{getMessage('plan.mode.vertical.horizontal')}</span>
+                  <span>{getMessage(vertical ? 'plan.mode.vertical.horizontal' : 'plan.mode.free')}</span>
                   <button onClick={() => setVertical(!vertical)}>{vertical ? 'ON' : 'OFF'}</button>
                 </div>
               )}
diff --git a/src/components/floor-plan/MenuDepth01.jsx b/src/components/floor-plan/MenuDepth01.jsx
index 4c694c87..2432395e 100644
--- a/src/components/floor-plan/MenuDepth01.jsx
+++ b/src/components/floor-plan/MenuDepth01.jsx
@@ -2,7 +2,7 @@
 
 import { ToggleonMouse } from '@/components/header/Header'
 import { useMessage } from '@/hooks/useMessage'
-import { useState } from 'react'
+import { useEffect, useState } from 'react'
 
 export default function MenuDepth01(props) {
   const { setShowOutlineModal, type } = props
@@ -10,11 +10,15 @@ export default function MenuDepth01(props) {
   const [activeMenu, setActiveMenu] = useState()
   const onClickMenu = (menuNum) => {
     setActiveMenu(menuNum)
-    if (type === 'outline' && menuNum === 0) {
-      setShowOutlineModal(true)
+    if (type === 'outline') {
+      setShowOutlineModal(menuNum === 0)
     }
   }
-  
+
+  useEffect(() => {
+    setActiveMenu(null)
+  }, [type])
+
   const menuInfo = {
     outline: [
       // 지붕덮개
diff --git a/src/locales/ja.json b/src/locales/ja.json
index f44e65cc..044442f9 100644
--- a/src/locales/ja.json
+++ b/src/locales/ja.json
@@ -53,6 +53,7 @@
   "plan.menu.simulation.excel": "Excel",
   "plan.menu.simulation.pdf": "PDF",
   "plan.mode.vertical.horizontal": "垂直水平モード",
+  "plan.mode.free": "프리 모드(JA)",
   "modal.canvas.setting": "Canvas設定",
   "modal.canvas.setting.display": "ディスプレイ設定",
   "modal.canvas.setting.font.plan": " フォントと図面サイズの設定",
diff --git a/src/locales/ko.json b/src/locales/ko.json
index 80a92321..4eed126c 100644
--- a/src/locales/ko.json
+++ b/src/locales/ko.json
@@ -50,6 +50,7 @@
   "plan.menu.simulation.excel": "Excel",
   "plan.menu.simulation.pdf": "PDF",
   "plan.mode.vertical.horizontal": "수직 수평 모드",
+  "plan.mode.free": "프리 모드",
   "modal.canvas.setting": "Canvas 설정",
   "modal.canvas.setting.display": "디스플레이 설정",
   "modal.canvas.setting.font.plan": "글꼴 및 도면 크기 설정",