지붕면할당 컨텍스트 메뉴 수정

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 && (