src/components/floor-plan/CanvasFrame.jsx

@@ -32,6 +32,7 @@ import { useEvent } from '@/hooks/useEvent'
 import { compasDegAtom } from '@/store/orientationAtom'
 import { hotkeyStore } from '@/store/hotkeyAtom'
 import { usePopup } from '@/hooks/usePopup'
+import { outerLinePointsState } from '@/store/outerLineAtom'
 
 export default function CanvasFrame() {
   const canvasRef = useRef(null)
@@ -45,6 +46,7 @@ export default function CanvasFrame() {
   const totalDisplay = useRecoilValue(totalDisplaySelector) // 집계표 표시 여부
   const { setIsGlobalLoading } = useContext(QcastContext)
   const resetModuleStatisticsState = useResetRecoilState(moduleStatisticsState)
+  const resetOuterLinePoints = useResetRecoilState(outerLinePointsState)
   const resetMakersState = useResetRecoilState(makersState)
   const resetSelectedMakerState = useResetRecoilState(selectedMakerState)
   const resetSeriesState = useResetRecoilState(seriesState)
@@ -137,6 +139,7 @@ export default function CanvasFrame() {
 
   const resetRecoilData = () => {
     // resetModuleStatisticsState()
+    resetOuterLinePoints()
     resetMakersState()
     resetSelectedMakerState()
     resetSeriesState()

src/components/simulator/Simulator.jsx

@@ -264,7 +264,6 @@ export default function Simulator() {
                       style={{ width: '30%' }}
                       className="select-light"
                       value={pwrGnrSimType}
-                      defaultValue={`D`}
                       onChange={(e) => {
                         handleChartChangeData(e.target.value)
                         setPwrGnrSimType(e.target.value)
@@ -337,7 +336,6 @@ export default function Simulator() {
                     {moduleInfoList.length > 0 ? (
                       moduleInfoList.map((moduleInfo) => {
                         return (
-                            <>
                           <tr key={moduleInfo.itemId}>
                             {/* 지붕면 */}
                             <td>{moduleInfo.roofSurface}</td>
@@ -355,7 +353,6 @@ export default function Simulator() {
                             {/* 매수 */}
                             <td>{convertNumberToPriceDecimal(moduleInfo.amount)}</td>
                           </tr>
-                            </>
                         )
                       })
                     ) : (
@@ -388,7 +385,6 @@ export default function Simulator() {
                     {pcsInfoList.length > 0 ? (
                       pcsInfoList.map((pcsInfo) => {
                         return (
-                            <>
                           <tr key={pcsInfo.itemId}>
                             {/* 파워컨디셔너 */}
                             <td className="al-l">
@@ -397,7 +393,6 @@ export default function Simulator() {
                             {/* 대 */}
                             <td>{convertNumberToPriceDecimal(pcsInfo.amount)}</td>
                           </tr>
-                            </>
                         )
                       })
                     ) : (

src/hooks/roofcover/useRoofAllocationSetting.js

@@ -374,11 +374,18 @@ export function useRoofAllocationSetting(id) {
     setBasicSetting((prev) => {
       return { ...prev, selectedRoofMaterial: newRoofList.find((roof) => roof.selected) }
     })
+    const selectedRoofMaterial = newRoofList.find((roof) => roof.selected)
+    const roofs = canvas.getObjects().filter((obj) => obj.name === POLYGON_TYPE.ROOF && obj.roofMaterial?.index === selectedRoofMaterial.index)
+
+    roofs.forEach((roof) => {
+      setSurfaceShapePattern(roof, roofDisplay.column, false, { ...selectedRoofMaterial }, true)
+      drawDirectionArrow(roof)
+    })
 
     setRoofList(newRoofList)
     setRoofMaterials(newRoofList)
     setRoofsStore(newRoofList)
-    const selectedRoofMaterial = newRoofList.find((roof) => roof.selected)
+
     setSurfaceShapePattern(currentObject, roofDisplay.column, false, selectedRoofMaterial, true)
     drawDirectionArrow(currentObject)
     modifyModuleSelectionData()