From 545cf222b55f12d766ac2e7b0aea573519ccff76 Mon Sep 17 00:00:00 2001
From: minsik <pro.mskim0215@gmail.com>
Date: Fri, 13 Sep 2024 14:02:03 +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/FloorPlan.jsx                |  4 +++-
 .../modal/outerlinesetting/OuterLineWall.jsx           | 10 +++++-----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/floor-plan/FloorPlan.jsx b/src/components/floor-plan/FloorPlan.jsx
index fd8dfe93..206c41c4 100644
--- a/src/components/floor-plan/FloorPlan.jsx
+++ b/src/components/floor-plan/FloorPlan.jsx
@@ -5,7 +5,7 @@ import SettingModal01 from '@/components/floor-plan/modal/setting01/SettingModal
 import CanvasLayout from '@/components/floor-plan/CanvasLayout'
 import '@/styles/contents.scss'
 import OuterLineWall from '@/components/floor-plan/modal/outerlinesetting/OuterLineWall'
-import { useState } from 'react'
+import { useEffect, useState } from 'react'
 
 export default function FloorPlan() {
   const [showCanvasSettingModal, setShowCanvasSettingModal] = useState(false)
@@ -25,6 +25,8 @@ export default function FloorPlan() {
     setShowOutlineModal,
   }
 
+  useEffect(() => {}, [showOutlineModal])
+
   return (
     <>
       <div className="canvas-wrap">
diff --git a/src/components/floor-plan/modal/outerlinesetting/OuterLineWall.jsx b/src/components/floor-plan/modal/outerlinesetting/OuterLineWall.jsx
index c3217347..c8a61e11 100644
--- a/src/components/floor-plan/modal/outerlinesetting/OuterLineWall.jsx
+++ b/src/components/floor-plan/modal/outerlinesetting/OuterLineWall.jsx
@@ -19,7 +19,7 @@ import { QLine } from '@/components/fabric/QLine'
 import { useLine } from '@/hooks/useLine'
 
 export default function OuterLineWall(props) {
-  const { showOutlineModal, setShowOutlineModal } = props
+  const { setShowOutlineModal } = props
   const { getMessage } = useMessage()
   const { addCanvasMouseEventListener, addDocumentEventListener, removeAllDocumentEventListeners } = useEvent()
   const { addLineText, removeLineText } = useLine()
@@ -348,7 +348,7 @@ export default function OuterLineWall(props) {
   }
   return (
     <WithDraggable isShow={true} pos={{ x: 50, y: -1000 + 50 }}>
-      <div className={`modal-pop-wrap ssm ${showOutlineModal ? 'mount' : ''} `}>
+      <div className={`modal-pop-wrap ssm`}>
         <div className="modal-head">
           <h1 className="title">{getMessage('modal.cover.outline.drawing')}</h1>
           <button className="modal-close" onClick={() => setShowOutlineModal(false)}>
@@ -405,7 +405,7 @@ export default function OuterLineWall(props) {
                 </div>
                 <div className="form-input">
                   <label htmlFor="">{getMessage('modal.cover.outline.arrow')}</label>
-                  <input type="text" value={arrow1} className="input-origin block" />
+                  <input type="text" readOnly={true} value={arrow1} className="input-origin block" />
                 </div>
               </div>
             ) : type === OUTER_LINE_TYPE.RIGHT_ANGLE ? (
@@ -425,7 +425,7 @@ export default function OuterLineWall(props) {
                 </div>
                 <div className="form-input">
                   <label htmlFor="">{getMessage('modal.cover.outline.arrow')}</label>
-                  <input type="text" value={arrow1} className="input-origin block" />
+                  <input type="text" readOnly={true} value={arrow1} className="input-origin block" />
                 </div>
                 <div className="form-input">
                   <label htmlFor="">{getMessage('modal.cover.outline.length')}</label>
@@ -442,7 +442,7 @@ export default function OuterLineWall(props) {
                 </div>
                 <div className="form-input">
                   <label htmlFor="">{getMessage('modal.cover.outline.arrow')}</label>
-                  <input type="text" value={arrow2} className="input-origin block" />
+                  <input type="text" readOnly={true} value={arrow2} className="input-origin block" />
                 </div>
               </div>
             ) : (