From c2a063cf9ed1302c7b00082e0f47479c1bd43221 Mon Sep 17 00:00:00 2001
From: "hyojun.choi" <chlgkwk123@nate.com>
Date: Wed, 19 Feb 2025 18:17:47 +0900
Subject: [PATCH] =?UTF-8?q?=EC=9C=A1=EC=A7=80=EB=B6=95=20=EB=8C=80?=
 =?UTF-8?q?=EC=9D=91=20=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/CanvasMenu.jsx      | 20 ++++++++++++++-----
 .../placementShape/PlacementShapeSetting.jsx  |  8 ++++++--
 2 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/src/components/floor-plan/CanvasMenu.jsx b/src/components/floor-plan/CanvasMenu.jsx
index e2b997ce..df43d7bb 100644
--- a/src/components/floor-plan/CanvasMenu.jsx
+++ b/src/components/floor-plan/CanvasMenu.jsx
@@ -565,16 +565,26 @@ export default function CanvasMenu(props) {
                 <div className="select-box">
                   {
                     <QSelectBox
-                      //options={addedRoofs}
-                      options={addedRoofs.map((roof) => {
-                        return { ...roof, name: globalLocale === 'ko' ? roof.roofMatlNm : roof.roofMatlNmJp }
-                      })}
-                      //showKey={'roofMatlNm'}
+                      title={
+                        +basicSetting.roofSizeSet === 3
+                          ? getMessage('modal.placement.initial.setting.size.none.pitch')
+                          : globalLocale === 'ko'
+                            ? selectedRoofMaterial?.roofMatlNm
+                            : selectedRoofMaterial?.roofMatlNmJp
+                      }
+                      options={
+                        +basicSetting.roofSizeSet === 3
+                          ? []
+                          : addedRoofs.map((roof) => {
+                              return { ...roof, name: globalLocale === 'ko' ? roof.roofMatlNm : roof.roofMatlNmJp }
+                            })
+                      }
                       showKey={'name'}
                       value={selectedRoofMaterial}
                       onChange={changeSelectedRoofMaterial}
                       sourceKey={'index'}
                       targetKey={'index'}
+                      disabled={+basicSetting.roofSizeSet === 3}
                     />
                   }
                 </div>
diff --git a/src/components/floor-plan/modal/placementShape/PlacementShapeSetting.jsx b/src/components/floor-plan/modal/placementShape/PlacementShapeSetting.jsx
index 9f8c54b2..140c9abd 100644
--- a/src/components/floor-plan/modal/placementShape/PlacementShapeSetting.jsx
+++ b/src/components/floor-plan/modal/placementShape/PlacementShapeSetting.jsx
@@ -170,6 +170,10 @@ export default function PlacementShapeSetting({ id, pos = { x: 50, y: 180 }, pla
   }
 
   const handleRoofLayoutChange = (value) => {
+    if (+currentRoof.roofSizeSet === 3) {
+      setCurrentRoof({ ...currentRoof, layout: ROOF_MATERIAL_LAYOUT.PARALLEL })
+      return
+    }
     setCurrentRoof({ ...currentRoof, layout: value })
   }
 
@@ -451,7 +455,7 @@ export default function PlacementShapeSetting({ id, pos = { x: 50, y: 180 }, pla
                       <div className="placement-roof-btn-wrap">
                         <div className="icon-btn-wrap mt10">
                           <button
-                            className={`${currentRoof?.layout === ROOF_MATERIAL_LAYOUT.PARALLEL && 'act'}`}
+                            className={`${+currentRoof.roofSizeSet !== 3 && currentRoof?.layout === ROOF_MATERIAL_LAYOUT.PARALLEL && 'act'}`}
                             value={ROOF_MATERIAL_LAYOUT.PARALLEL}
                             onClick={() => handleRoofLayoutChange(ROOF_MATERIAL_LAYOUT.PARALLEL)}
                           >
@@ -459,7 +463,7 @@ export default function PlacementShapeSetting({ id, pos = { x: 50, y: 180 }, pla
                             <i className="allocation01"></i>
                           </button>
                           <button
-                            className={`${currentRoof.layout === ROOF_MATERIAL_LAYOUT.STAIRS && 'act'}`}
+                            className={`${+currentRoof.roofSizeSet !== 3 && currentRoof.layout === ROOF_MATERIAL_LAYOUT.STAIRS && 'act'}`}
                             value={ROOF_MATERIAL_LAYOUT.STAIRS}
                             onClick={() => handleRoofLayoutChange(ROOF_MATERIAL_LAYOUT.STAIRS)}
                           >