src/components/floor-plan/modal/basic/BasicSetting.jsx

@@ -48,7 +48,12 @@ export default function BasicSetting({ id, pos = { x: 50, y: 230 } }) {
   const [basicSetting, setBasicSettings] = useRecoilState(basicSettingState)
   const [isClosePopup, setIsClosePopup] = useState({ close: false, id: 0 })
   const [checkedModules, setCheckedModules] = useRecoilState(checkedModuleState)
-  const [roofs, setRoofs] = useState(addedRoofs)
+  const [manualSetupMode, setManualSetupMode] = useRecoilState(toggleManualSetupModeState)
+  const [layoutSetup, setLayoutSetup] = useState([{}])
+  const [isManualModuleSetup, setIsManualModuleSetup] = useRecoilState(isManualModuleSetupState)
+  const [isManualModuleLayoutSetup, setIsManualModuleLayoutSetup] = useRecoilState(isManualModuleLayoutSetupState)
+
+  const [roofs, setRoofs] = useState(null)
   const {
     moduleSelectionInitParams,
     selectedModules,

src/components/floor-plan/modal/basic/step/Trestle.jsx

@@ -258,19 +258,9 @@ const Trestle = forwardRef((props, ref) => {
       setRoofs(newAddedRoofs)
       setModuleSelectionData({
         ...moduleSelectionData,
-        roofConstructions: newAddedRoofs.map((roof) => {
+        roofConstruction: {
-          return {
+          ...newAddedRoofs,
-            addRoof: {
+        },
-              ...roof.addRoof,
-            },
-            trestle: {
-              ...roof.trestle,
-            },
-            construction: {
-              ...roof.construction,
-            },
-          }
-        }),
       })
       trestleTrigger({
         roofConstruction: newAddedRoofs.map((roof) => {