From 2d8211522cff6aad405496e244d6276f7839db83 Mon Sep 17 00:00:00 2001
From: minsik <pro.mskim0215@gmail.com>
Date: Mon, 7 Oct 2024 10:33:22 +0900
Subject: [PATCH] =?UTF-8?q?=EB=8B=AB=EA=B8=B0=20=EA=B8=B0=EB=8A=A5=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/floor-plan/MenuDepth01.jsx     | 20 ++++++++++++++++++-
 .../modal/auxiliary/AuxiliaryDrawing.jsx      |  6 ++++--
 2 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/src/components/floor-plan/MenuDepth01.jsx b/src/components/floor-plan/MenuDepth01.jsx
index 43a059f0..4148ac5a 100644
--- a/src/components/floor-plan/MenuDepth01.jsx
+++ b/src/components/floor-plan/MenuDepth01.jsx
@@ -7,7 +7,16 @@ import { currentMenuState } from '@/store/canvasAtom'
 import { useSetRecoilState } from 'recoil'
 
 export default function MenuDepth01(props) {
-  const { setShowOutlineModal, type, setShowPlaceShapeModal, setShowRoofShapeSettingModal } = props
+  const {
+    setShowOutlineModal,
+    type,
+    setShowPlaceShapeModal,
+    setShowRoofShapeSettingModal,
+    setShowRoofShapePassivitySettingModal,
+    setShowAuxiliaryModal,
+    setShowSlopeSettingModal,
+    setShowPlaceShapeDrawingModal,
+  } = props
   const { getMessage } = useMessage()
   const [activeMenu, setActiveMenu] = useState()
   const setCurrentMenu = useSetRecoilState(currentMenuState)
@@ -15,10 +24,19 @@ export default function MenuDepth01(props) {
     setActiveMenu(menu)
     setShowOutlineModal(menu === MENU.ROOF_COVERING.EXTERIOR_WALL_LINE)
     setCurrentMenu(menu)
+
     if (type === 'outline') {
       setShowPlaceShapeModal(false)
       setShowOutlineModal(id === 0)
       setShowRoofShapeSettingModal(id === 1)
+      setShowRoofShapePassivitySettingModal(id === 2)
+      setShowAuxiliaryModal(id === 3)
+      setShowPlaceShapeDrawingModal(false)
+    }
+
+    if (type === 'surface') {
+      setShowSlopeSettingModal(id === 0)
+      setShowPlaceShapeDrawingModal(id === 1)
     }
   }
 
diff --git a/src/components/floor-plan/modal/auxiliary/AuxiliaryDrawing.jsx b/src/components/floor-plan/modal/auxiliary/AuxiliaryDrawing.jsx
index cb93375b..4e64191e 100644
--- a/src/components/floor-plan/modal/auxiliary/AuxiliaryDrawing.jsx
+++ b/src/components/floor-plan/modal/auxiliary/AuxiliaryDrawing.jsx
@@ -9,7 +9,7 @@ import { OUTER_LINE_TYPE } from '@/store/outerLineAtom'
 import { useOuterLineWall } from '@/hooks/roofcover/useOuterLineWall'
 import OuterLineWall from '@/components/floor-plan/modal/lineTypes/OuterLineWall'
 
-export default function AuxiliaryDrawing() {
+export default function AuxiliaryDrawing({ setShowAuxiliaryModal }) {
   const { getMessage } = useMessage()
   const [buttonAct, setButtonAct] = useState(1)
   const types = [
@@ -123,7 +123,9 @@ export default function AuxiliaryDrawing() {
       <div className={`modal-pop-wrap r`}>
         <div className="modal-head">
           <h1 className="title">{getMessage('modal.auxiliary.drawing')}</h1>
-          <button className="modal-close">닫기</button>
+          <button className="modal-close" onClick={() => setShowAuxiliaryModal(false)}>
+            닫기
+          </button>
         </div>
         <div className="modal-body">
           <div className="modal-btn-wrap">