닫기 기능 추가

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)
     }
   }
 

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">