src/components/floor-plan/modal/auxiliary/AuxiliaryDrawing.jsx

@@ -46,9 +46,9 @@ export default function AuxiliaryDrawing({ id, pos = { x: 50, y: 230 } }) {
     setType,
     arrow1Ref,
     arrow2Ref,
-    outerLineDiagonalLength,
-    setOuterLineDiagonalLength,
-    outerLineDiagonalLengthRef,
+    auxiliaryLineDiagonalLength,
+    setAuxiliaryLineDiagonalLength,
+    auxiliaryLineDiagonalLengthRef,
     handleRollback,
     handleFix,
     buttonAct,
@@ -123,9 +123,9 @@ export default function AuxiliaryDrawing({ id, pos = { x: 50, y: 230 } }) {
     length2,
     setLength2,
     length2Ref,
-    outerLineDiagonalLength,
-    setOuterLineDiagonalLength,
-    outerLineDiagonalLengthRef,
+    diagonalLength: auxiliaryLineDiagonalLength,
+    setDiagonalLength: setAuxiliaryLineDiagonalLength,
+    diagonalLengthRef: auxiliaryLineDiagonalLengthRef,
     arrow1,
     setArrow1,
     arrow2,

src/components/floor-plan/modal/lineTypes/Diagonal.jsx

@@ -12,9 +12,9 @@ export default function Diagonal({ props }) {
     length2,
     setLength2,
     length2Ref,
-    outerLineDiagonalLength,
-    setOuterLineDiagonalLength,
-    outerLineDiagonalLengthRef,
+    diagonalLength,
+    setDiagonalLength,
+    diagonalLengthRef,
     arrow1,
     setArrow1,
     arrow2,
@@ -45,11 +45,11 @@ export default function Diagonal({ props }) {
                 name=""
                 label=""
                 className="input-origin block"
-                value={outerLineDiagonalLength}
-                ref={outerLineDiagonalLengthRef}
-                onChange={(value) => setOuterLineDiagonalLength(value)}
+                value={diagonalLength}
+                ref={diagonalLengthRef}
+                onChange={(value) => setDiagonalLength(value)}
                 placeholder="3000"
-                onFocus={() => (outerLineDiagonalLengthRef.current.value = '')}
+                onFocus={() => (diagonalLengthRef.current.value = '')}
                 options={{
                   allowNegative: false,
                   allowDecimal: false
@@ -59,7 +59,7 @@ export default function Diagonal({ props }) {
             <button
               className="reset-btn"
               onClick={() => {
-                setOuterLineDiagonalLength(0)
+                setDiagonalLength(0)
               }}
             ></button>
           </div>

src/components/floor-plan/modal/outerlinesetting/WallLineSetting.jsx

@@ -104,9 +104,9 @@ export default function WallLineSetting(props) {
     length2,
     setLength2,
     length2Ref,
-    outerLineDiagonalLength,
-    setOuterLineDiagonalLength,
-    outerLineDiagonalLengthRef,
+    diagonalLength: outerLineDiagonalLength,
+    setDiagonalLength: setOuterLineDiagonalLength,
+    diagonalLengthRef: outerLineDiagonalLengthRef,
     arrow1,
     setArrow1,
     arrow2,

src/components/floor-plan/modal/placementShape/PlacementShapeDrawing.jsx

@@ -107,9 +107,9 @@ export default function PlacementShapeDrawing({ id, pos = { x: 50, y: 230 } }) {
     length2,
     setLength2,
     length2Ref,
-    outerLineDiagonalLength,
-    setOuterLineDiagonalLength,
-    outerLineDiagonalLengthRef,
+    diagonalLength: outerLineDiagonalLength,
+    setDiagonalLength: setOuterLineDiagonalLength,
+    diagonalLengthRef: outerLineDiagonalLengthRef,
     arrow1,
     setArrow1,
     arrow2,