From 6d337528e909cf6b89e6c6315ff70492f55a6826 Mon Sep 17 00:00:00 2001
From: "hyojun.choi" <chlgkwk123@nate.com>
Date: Mon, 13 Jan 2025 21:18:50 +0900
Subject: [PATCH] =?UTF-8?q?=EC=A7=80=EB=B6=95=EB=A9=B4=ED=95=A0=EB=8B=B9?=
 =?UTF-8?q?=20=EC=BB=A8=ED=85=8D=EC=8A=A4=ED=8A=B8=20=EB=A9=94=EB=89=B4=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ContextRoofAllocationSetting.jsx          | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/src/components/floor-plan/modal/roofAllocation/ContextRoofAllocationSetting.jsx b/src/components/floor-plan/modal/roofAllocation/ContextRoofAllocationSetting.jsx
index 23993cb0..e8942948 100644
--- a/src/components/floor-plan/modal/roofAllocation/ContextRoofAllocationSetting.jsx
+++ b/src/components/floor-plan/modal/roofAllocation/ContextRoofAllocationSetting.jsx
@@ -10,6 +10,7 @@ import { basicSettingState } from '@/store/settingAtom'
 import { ROOF_MATERIAL_LAYOUT } from '@/components/floor-plan/modal/placementShape/PlacementShapeSetting'
 import { useCanvasSetting } from '@/hooks/option/useCanvasSetting'
 import { useCommonCode } from '@/hooks/common/useCommonCode'
+import { currentAngleTypeSelector, pitchTextSelector } from '@/store/canvasAtom'
 
 export default function ContextRoofAllocationSetting(props) {
   const contextPopupPosition = useRecoilValue(contextPopupPositionState)
@@ -29,9 +30,12 @@ export default function ContextRoofAllocationSetting(props) {
     handleChangeLayout,
     handleSaveContext,
     currentRoofList,
+    handleChangeInput,
   } = useRoofAllocationSetting(id)
 
   const { findCommonCode } = useCommonCode()
+  const pitchText = useRecoilValue(pitchTextSelector)
+  const currentAngleType = useRecoilValue(currentAngleTypeSelector)
   const [raftCodes, setRaftCodes] = useState([])
   useEffect(() => {
     const raftCodeList = findCommonCode('203800')
@@ -104,6 +108,22 @@ export default function ContextRoofAllocationSetting(props) {
                         {index !== 0 && <button className="delete" onClick={() => onDeleteRoofMaterial(index)}></button>}
                       </div>
                     </div>
+                    <div className="block-box">
+                      <div className="flex-ment">
+                        <span>{getMessage('slope')}</span>
+                        <div className="input-grid" style={{ width: '214px' }}>
+                          <input
+                            type="text"
+                            className="input-origin block"
+                            onChange={(e) => {
+                              handleChangeInput(e, currentAngleType === 'slope' ? 'pitch' : 'angle', index)
+                            }}
+                            defaultValue={currentAngleType === 'slope' ? roof.pitch : roof.angle}
+                          />
+                        </div>
+                        <span>{pitchText}</span>
+                      </div>
+                    </div>
                     {(roof.widAuth || roof.lenAuth) && (
                       <div className="block-box">
                         {roof.widAuth && (