From 64fa7c06426b41b311bad2371d19dbda83c455bf Mon Sep 17 00:00:00 2001
From: minsik <pro.mskim0215@gmail.com>
Date: Mon, 30 Sep 2024 13:30:39 +0900
Subject: [PATCH] =?UTF-8?q?=EC=99=B8=EB=B2=BD=EC=84=A0=20=EC=86=8D?=
 =?UTF-8?q?=EC=84=B1=20modal=20=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/FloorPlan.jsx                   | 7 ++++++-
 .../modal/outerlinesetting/PropertiesSetting.js           | 8 ++++++--
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/components/floor-plan/FloorPlan.jsx b/src/components/floor-plan/FloorPlan.jsx
index 513f870a..9f7c6641 100644
--- a/src/components/floor-plan/FloorPlan.jsx
+++ b/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>
     </>
diff --git a/src/components/floor-plan/modal/outerlinesetting/PropertiesSetting.js b/src/components/floor-plan/modal/outerlinesetting/PropertiesSetting.js
index 1ff975a7..c4950666 100644
--- a/src/components/floor-plan/modal/outerlinesetting/PropertiesSetting.js
+++ b/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>