src/components/floor-plan/CanvasFrame.jsx

@@ -32,7 +32,6 @@ 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)
@@ -46,7 +45,6 @@ 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)
@@ -139,7 +137,6 @@ export default function CanvasFrame() {
 
   const resetRecoilData = () => {
     // resetModuleStatisticsState()
-    resetOuterLinePoints()
     resetMakersState()
     resetSelectedMakerState()
     resetSeriesState()

src/components/simulator/Simulator.jsx

@@ -264,6 +264,7 @@ export default function Simulator() {
                       style={{ width: '30%' }}
                       className="select-light"
                       value={pwrGnrSimType}
+                      defaultValue={`D`}
                       onChange={(e) => {
                         handleChartChangeData(e.target.value)
                         setPwrGnrSimType(e.target.value)
@@ -333,31 +334,33 @@ export default function Simulator() {
                       </tr>
                     </thead>
                     <tbody>
-                    {moduleInfoList.length > 0 ? (
-                      moduleInfoList.map((moduleInfo) => {
-                        return (
-                          <tr key={moduleInfo.itemId}>
-                            {/* 지붕면 */}
-                            <td>{moduleInfo.roofSurface}</td>
-                            {/* 경사각 */}
-                            <td>
-                              {convertNumberToPriceDecimal(moduleInfo.slopeAngle)}
-                              {moduleInfo.classType == 0 ? '寸' : 'º'}
-                            </td>
-                            {/* 방위각(도) */}
-                            <td>{convertNumberToPriceDecimal(moduleInfo.azimuth)}</td>
-                            {/* 태양전지모듈 */}
-                            <td>
-                              <div className="overflow-lab">{moduleInfo.itemNo}</div>
-                            </td>
-                            {/* 매수 */}
-                            <td>{convertNumberToPriceDecimal(moduleInfo.amount)}</td>
-                          </tr>
-                        )
-                      })
-                    ) : (
-                      <tr>
-                        <td colSpan={5}>{getMessage('common.message.no.data')}</td>
+                      {moduleInfoList.length > 0 ? (
+                        moduleInfoList.map((moduleInfo) => {
+                          return (
+                            <>
+                              <tr key={moduleInfo.itemId}>
+                                {/* 지붕면 */}
+                                <td>{moduleInfo.roofSurface}</td>
+                                {/* 경사각 */}
+                                <td>
+                                  {convertNumberToPriceDecimal(moduleInfo.slopeAngle)}
+                                  {moduleInfo.classType == 0 ? '寸' : 'º'}
+                                </td>
+                                {/* 방위각(도) */}
+                                <td>{convertNumberToPriceDecimal(moduleInfo.azimuth)}</td>
+                                {/* 태양전지모듈 */}
+                                <td>
+                                  <div className="overflow-lab">{moduleInfo.itemNo}</div>
+                                </td>
+                                {/* 매수 */}
+                                <td>{convertNumberToPriceDecimal(moduleInfo.amount)}</td>
+                              </tr>
+                            </>
+                          )
+                        })
+                      ) : (
+                        <tr>
+                          <td colSpan={5}>{getMessage('common.message.no.data')}</td>
                         </tr>
                       )}
                     </tbody>
@@ -382,23 +385,25 @@ export default function Simulator() {
                       </tr>
                     </thead>
                     <tbody>
-                    {pcsInfoList.length > 0 ? (
-                      pcsInfoList.map((pcsInfo) => {
-                        return (
-                          <tr key={pcsInfo.itemId}>
-                            {/* 파워컨디셔너 */}
-                            <td className="al-l">
-                              <div className="overflow-lab">{pcsInfo.itemNo}</div>
-                            </td>
-                            {/* 대 */}
-                            <td>{convertNumberToPriceDecimal(pcsInfo.amount)}</td>
-                          </tr>
-                        )
-                      })
-                    ) : (
-                      <tr>
-                        <td colSpan={2}>{getMessage('common.message.no.data')}</td>
-                      </tr>
+                      {pcsInfoList.length > 0 ? (
+                        pcsInfoList.map((pcsInfo) => {
+                          return (
+                            <>
+                              <tr key={pcsInfo.itemId}>
+                                {/* 파워컨디셔너 */}
+                                <td className="al-l">
+                                  <div className="overflow-lab">{pcsInfo.itemNo}</div>
+                                </td>
+                                {/* 대 */}
+                                <td>{convertNumberToPriceDecimal(pcsInfo.amount)}</td>
+                              </tr>
+                            </>
+                          )
+                        })
+                      ) : (
+                        <tr>
+                          <td colSpan={2}>{getMessage('common.message.no.data')}</td>
+                        </tr>
                       )}
                     </tbody>
                   </table>

src/hooks/roofcover/useRoofAllocationSetting.js

@@ -374,18 +374,11 @@ 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()