updated

app/src/components/layout/scenes/MainScene.tsx

@@ -30,15 +30,17 @@ import {
   useMainProduct,
 } from "../../../store/simulation/useSimulationStore";
 import { useProductContext } from "../../../modules/simulation/products/productContext";
-import { useProductStore } from "../../../store/simulation/useProductStore";
 import RegularDropDown from "../../ui/inputs/RegularDropDown";
 import RenameTooltip from "../../ui/features/RenameTooltip";
-import { setFloorItemApi } from "../../../services/factoryBuilder/assest/floorAsset/setFloorItemApi";
-import { useAssetsStore } from "../../../store/builder/useAssetStore";
+import { setAssetsApi } from "../../../services/factoryBuilder/assest/floorAsset/setAssetsApi";
 import { useParams } from "react-router-dom";
+import { useSceneContext } from "../../../modules/scene/sceneContext";
+import { useVersionHistoryStore } from "../../../store/builder/useVersionHistoryStore";
+import { useVersionContext } from "../../../modules/builder/version/versionContext";
+import VersionSaved from "../sidebarRight/versionHisory/VersionSaved";
+import Footer from "../../footer/Footer";
 
 function MainScene() {
-  const { products } = useProductStore();
   const { setMainProduct } = useMainProduct();
   const { selectedProductStore } = useProductContext();
   const { selectedProduct } = selectedProductStore();
@@ -54,9 +56,14 @@ function MainScene() {
   const { setFloatingWidget } = useFloatingWidget();
   const { clearComparisonProduct } = useComparisonProduct();
   const { selectedFloorItem, setSelectedFloorItem } = useSelectedFloorItem();
-  const { setName } = useAssetsStore();
+  const { assetStore, productStore } = useSceneContext();
+  const { products } = productStore();
+  const { setName } = assetStore();
   const { projectId } = useParams()
   const { isRenameMode, setIsRenameMode } = useRenameModeStore();
+  const { versionHistory } = useVersionHistoryStore();
+  const { selectedVersionStore } = useVersionContext();
+  const { selectedVersion, setSelectedVersion } = selectedVersionStore();
 
   useEffect(() => {
     if (activeModule !== 'simulation') {
@@ -65,22 +72,33 @@ function MainScene() {
     }
   }, [activeModule])
 
-  const handleSelectLayout = (option: string) => {
+  useEffect(() => {
+    if (versionHistory.length > 0) {
+      setSelectedVersion(versionHistory[0])
+    }
+  }, [versionHistory])
+
+  const handleSelectVersion = (option: string) => {
+    const version = versionHistory.find((version) => version.versionName === option);
+    if (version) {
+      setSelectedVersion(version);
+    }
+  };
+
+  const handleSelectProduct = (option: string) => {
     const product = products.find((product) => product.productName === option);
     if (product) {
       setMainProduct(product.productUuid, product.productName);
     }
   };
+
   const handleObjectRename = async (newName: string) => {
     if (!projectId) return
-    const email = localStorage.getItem("email") ?? "";
-    const organization = email?.split("@")[1]?.split(".")[0];
-    let response = await setFloorItemApi(
-      organization,
-      selectedFloorItem.userData.modelUuid,
-      newName,
+    let response = await setAssetsApi({
+      modelUuid: selectedFloorItem.userData.modelUuid,
+      modelName: newName,
       projectId
-    );
+    });
     selectedFloorItem.userData = {
       ...selectedFloorItem.userData,
       modelName: newName
@@ -98,7 +116,7 @@ function MainScene() {
           {loadingProgress > 0 && <LoadingPage progress={loadingProgress} />}
           {!isPlaying && (
             <>
-              {toggleThreeD && <ModuleToggle />}
+              {toggleThreeD && !isVersionSaved && <ModuleToggle />}
               <SideBarLeft />
               <SideBarRight />
             </>
@@ -137,6 +155,8 @@ function MainScene() {
             selectedZone,
             setFloatingWidget,
             event,
+            projectId,
+            versionId: selectedVersion?.versionId || '',
           })
         }
         onDragOver={(event) => event.preventDefault()}
@@ -144,16 +164,28 @@ function MainScene() {
         <Scene layout="Main Layout" />
       </div>
 
-      {selectedProduct && isVersionSaved && !isPlaying && activeModule === "simulation" && (
+      {selectedProduct && selectedVersion && isVersionSaved && !isPlaying && activeModule === "simulation" && (
         <div className="selectLayout-wrapper">
+          <RegularDropDown
+            header={selectedVersion.versionName}
+            options={versionHistory.map((v) => v.versionName)} // Pass layout names as options
+            onSelect={handleSelectVersion}
+            search={false}
+          />
+          <br />
           <RegularDropDown
             header={selectedProduct.productName}
             options={products.map((l) => l.productName)} // Pass layout names as options
-            onSelect={handleSelectLayout}
+            onSelect={handleSelectProduct}
             search={false}
           />
         </div>
       )}
+
+      {activeModule !== "market" && !selectedUser && <Footer />}
+
+      <VersionSaved />
+
     </>
   );
 }