외벽선 속성 modal 닫기 기능 추가

src/components/floor-plan/FloorPlan.jsx

@@ -16,6 +16,7 @@ import PropertiesSetting from '@/components/floor-plan/modal/outerlinesetting/Pr
 export default function FloorPlan() {
   const [showCanvasSettingModal, setShowCanvasSettingModal] = useState(false)
   const [showOutlineModal, setShowOutlineModal] = useState(false)
+  const [showPropertiesSettingModal, setShowPropertiesSettingModal] = useState(false)
   const globalLocaleState = useRecoilValue(globalLocaleStore)
   const { get } = useAxios(globalLocaleState)
 
@@ -76,6 +77,10 @@ export default function FloorPlan() {
     setShowDotLineGridModal,
   }
 
+  const propertiesSettingProps = {
+    setShowPropertiesSettingModal,
+  }
+
   useEffect(() => {}, [showOutlineModal])
 
   return (
@@ -88,7 +93,7 @@ export default function FloorPlan() {
           {/*{showOutlineModal && <OuterLineWall {...outlineProps} />}*/}
           {showOutlineModal && <WallLineSetting {...outlineProps} />}
           {showDotLineGridModal && <DotLineGrid {...dotLineProps} />}
-          <PropertiesSetting />
+          {showPropertiesSettingModal && <PropertiesSetting {...propertiesSettingProps} />}
         </div>
       </div>
     </>

src/components/floor-plan/modal/outerlinesetting/PropertiesSetting.js

@@ -1,14 +1,18 @@
 import WithDraggable from '@/components/common/draggable/WithDraggable'
 import { useMessage } from '@/hooks/useMessage'
 
-export default function PropertiesSetting() {
+export default function PropertiesSetting(props) {
   const { getMessage } = useMessage()
+  const { setShowPropertiesSettingModal } = props
+  
   return (
     <WithDraggable isShow={true}>
       <div className={`modal-pop-wrap ssm`}>
         <div className="modal-head">
           <h1 className="title">{getMessage('modal.canvas.setting.wallline.properties.setting')}</h1>
-          <button className="modal-close">닫기</button>
+          <button className="modal-close" onClick={() => setShowPropertiesSettingModal(false)}>
+            닫기
+          </button>
         </div>
         <div className="modal-body">
           <div className="properties-guide">{getMessage('modal.canvas.setting.wallline.properties.setting.info')}</div>