first person bug fix

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

@@ -80,7 +80,7 @@ function MainScene() {
                 }
             })
         }
-    }, [setSelectedVersion, versionHistory])
+    }, [setSelectedVersion, versionHistory, projectId])
 
     const handleSelectVersion = (option: string) => {
         const version = versionHistory.find((version) => version.versionName === option);

app/src/components/layout/sidebarRight/versionHisory/VersionHistory.tsx

@@ -1,10 +1,4 @@
-import {
-    AddIcon,
-    ArrowIcon,
-    CloseIcon,
-    KebabIcon,
-    LocationIcon,
-} from "../../../icons/ExportCommonIcons";
+import { AddIcon, ArrowIcon, CloseIcon, KebabIcon, LocationIcon } from "../../../icons/ExportCommonIcons";
 import RenameInput from "../../../ui/inputs/RenameInput";
 import { useVersionHistoryStore } from "../../../../store/builder/useVersionHistoryStore";
 import { useSubModuleStore } from "../../../../store/useModuleStore";
@@ -30,9 +24,8 @@ const VersionHistory = () => {
 
         getVersionDataApi(projectId, version.versionId).then((versionData) => {
             setSelectedVersion(version);
-            // console.log(versionData);
         }).catch((err) => {
-            // console.log(err);
+            echo.error(err);
         })
     };
 

app/src/components/layout/sidebarRight/versionHisory/VersionSaved.tsx

@@ -1,8 +1,5 @@
 import { useEffect, useState } from "react";
-import {
-  FinishEditIcon,
-  RenameVersionIcon,
-} from "../../../icons/ExportCommonIcons";
+import { FinishEditIcon, RenameVersionIcon } from "../../../icons/ExportCommonIcons";
 import RenderOverlay from "../../../templates/Overlay";
 import { useVersionHistoryStore } from "../../../../store/builder/useVersionHistoryStore";
 import { createVersionApi } from "../../../../services/factoryBuilder/versionControl/addVersionApi";
@@ -11,144 +8,144 @@ import { getUserData } from "../../../../functions/getUserData";
 import { useVersionContext } from "../../../../modules/builder/version/versionContext";
 
 const VersionSaved = () => {
-  const { addVersion, createNewVersion, setCreateNewVersion } = useVersionHistoryStore();
-  const { selectedVersionStore } = useVersionContext();
-  const { selectedVersion, setSelectedVersion } = selectedVersionStore();
-  const [newName, setNewName] = useState(new Date().toLocaleString("en-US", {
-    month: "short",
-    day: "numeric",
-    year: "numeric",
-    hour: "numeric",
-    minute: "2-digit",
-  }));
-  const [description, setDescription] = useState("");
-  const [showSaveFinish, setSaveFinish] = useState(false);
-  const { projectId } = useParams();
-  const { userId } = getUserData();
-
-  useEffect(() => {
-    if (createNewVersion) {
-      const defaultName = new Date().toLocaleString("en-US", {
+    const { addVersion, createNewVersion, setCreateNewVersion } = useVersionHistoryStore();
+    const { selectedVersionStore } = useVersionContext();
+    const { selectedVersion, setSelectedVersion } = selectedVersionStore();
+    const [newName, setNewName] = useState(new Date().toLocaleString("en-US", {
         month: "short",
         day: "numeric",
         year: "numeric",
         hour: "numeric",
         minute: "2-digit",
-      });
-      setNewName(defaultName);
-      setDescription("");
-    }
-  }, [createNewVersion]);
+    }));
+    const [description, setDescription] = useState("");
+    const [saveFinish, setSaveFinish] = useState(false);
+    const { projectId } = useParams();
+    const { userId } = getUserData();
 
-  const handleSave = () => {
-    if (!selectedVersion || !projectId) return;
+    useEffect(() => {
+        if (createNewVersion) {
+            const defaultName = new Date().toLocaleString("en-US", {
+                month: "short",
+                day: "numeric",
+                year: "numeric",
+                hour: "numeric",
+                minute: "2-digit",
+            });
+            setNewName(defaultName);
+            setDescription("");
+        }
+    }, [createNewVersion]);
 
-    const updatedName = (newName.trim() || selectedVersion.versionName) ?? selectedVersion.timeStamp;
-    const updatedDescription = (description.trim() || selectedVersion.versionName) ?? selectedVersion.timeStamp;
+    const handleSave = () => {
+        if (!selectedVersion || !projectId) return;
 
-    createVersionApi(projectId, userId, selectedVersion.versionId, updatedName, updatedDescription).then((data) => {
-      setSaveFinish(true);
-      setCreateNewVersion(false);
+        const updatedName = (newName.trim() || selectedVersion.versionName) ?? selectedVersion.timeStamp;
+        const updatedDescription = (description.trim() || selectedVersion.versionName) ?? selectedVersion.timeStamp;
 
-      addVersion({
-        version: data.version,
-        versionId: data.versionId,
-        versionName: data.versionName,
-        versionDescription: data.description,
-        timeStamp: data.createdAt,
-        createdBy: data.createdBy.userName
-      })
+        createVersionApi(projectId, userId, selectedVersion.versionId, updatedName, updatedDescription).then((data) => {
+            setSaveFinish(true);
+            setCreateNewVersion(false);
 
-      setSelectedVersion({
-        version: data.version,
-        versionId: data.versionId,
-        versionName: data.versionName,
-        versionDescription: data.description,
-        timeStamp: data.createdAt,
-        createdBy: data.createdBy.userName
-      })
+            addVersion({
+                version: data.version,
+                versionId: data.versionId,
+                versionName: data.versionName,
+                versionDescription: data.description,
+                timeStamp: data.createdAt,
+                createdBy: data.createdBy.userName
+            })
 
-      setTimeout(() => {
+            setSelectedVersion({
+                version: data.version,
+                versionId: data.versionId,
+                versionName: data.versionName,
+                versionDescription: data.description,
+                timeStamp: data.createdAt,
+                createdBy: data.createdBy.userName
+            })
+
+            setTimeout(() => {
+                setSaveFinish(false);
+            }, 3000);
+        }).catch((err) => {
+            setSaveFinish(false);
+            setCreateNewVersion(false);
+        })
+    };
+
+    const handleCancel = () => {
         setSaveFinish(false);
-      }, 3000);
-    }).catch((err) => {
-      setSaveFinish(false);
-      setCreateNewVersion(false);
-    })
-  };
+        setCreateNewVersion(false);
+    };
 
-  const handleCancel = () => {
-    setSaveFinish(false);
-    setCreateNewVersion(false);
-  };
+    if (!selectedVersion) return null;
 
-  if (!selectedVersion) return null;
+    return (
+        <div className={`versionSaved`}>
+            {createNewVersion &&
+                <RenderOverlay>
+                    <div className="edit-version-popup-wrapper">
+                        <div className="details-wrapper-popup-container">
+                            <div className="header-wrapper">
+                                <RenameVersionIcon />
+                                <div className="label">Create Version</div>
+                            </div>
+                            <div className="details-wrapper">
+                                <div className="version-name">
+                                    <input
+                                        type="text"
+                                        value={newName}
+                                        onChange={(e) => setNewName(e.target.value)}
+                                        placeholder="Enter new version name"
+                                    />
+                                    <div className="label">
+                                        by @{selectedVersion.createdBy}{" "}{new Date(selectedVersion.timeStamp).toLocaleDateString("en-US", {
+                                            year: "numeric",
+                                            month: "long",
+                                            day: "2-digit",
+                                        })}
+                                    </div>
+                                </div>
+                                <div className="version-description">
+                                    <textarea
+                                        value={description}
+                                        onChange={(e) => setDescription(e.target.value)}
+                                        placeholder="Add description"
+                                        style={{ resize: "none" }}
+                                    />
+                                </div>
+                            </div>
+                            <div className="btn-wrapper">
+                                <button className="cancel" onClick={handleCancel}>
+                                    Cancel
+                                </button>
+                                <button className="save" onClick={handleSave}>
+                                    Save
+                                </button>
+                            </div>
+                        </div>
+                    </div>
+                </RenderOverlay>
+            }
 
-  return (
-    <div className={`versionSaved`}>
-      {createNewVersion &&
-        <RenderOverlay>
-          <div className="edit-version-popup-wrapper">
-            <div className="details-wrapper-popup-container">
-              <div className="header-wrapper">
-                <RenameVersionIcon />
-                <div className="label">Create Version</div>
-              </div>
-              <div className="details-wrapper">
-                <div className="version-name">
-                  <input
-                    type="text"
-                    value={newName}
-                    onChange={(e) => setNewName(e.target.value)}
-                    placeholder="Enter new version name"
-                  />
-                  <div className="label">
-                    by @{selectedVersion.createdBy}{" "}{new Date(selectedVersion.timeStamp).toLocaleDateString("en-US", {
-                      year: "numeric",
-                      month: "long",
-                      day: "2-digit",
-                    })}
-                  </div>
-                </div>
-                <div className="version-description">
-                  <textarea
-                    value={description}
-                    onChange={(e) => setDescription(e.target.value)}
-                    placeholder="Add description"
-                    style={{ resize: "none" }}
-                  />
-                </div>
-              </div>
-              <div className="btn-wrapper">
-                <button className="cancel" onClick={handleCancel}>
-                  Cancel
-                </button>
-                <button className="save" onClick={handleSave}>
-                  Save
-                </button>
-              </div>
-            </div>
-          </div>
-        </RenderOverlay>
-      }
-
-      {showSaveFinish && (
-        <RenderOverlay>
-          <div className="finishEdit-version-popup-wrapper">
-            <div className="finishEdit-wrapper-popup-container">
-              <div className="icon">
-                <FinishEditIcon />
-              </div>
-              <div className="versionname">
-                {newName.trim()}
-              </div>
-              <div className="success-message">Saved Successfully!</div>
-            </div>
-          </div>
-        </RenderOverlay>
-      )}
-    </div>
-  );
+            {saveFinish && (
+                <RenderOverlay>
+                    <div className="finishEdit-version-popup-wrapper">
+                        <div className="finishEdit-wrapper-popup-container">
+                            <div className="icon">
+                                <FinishEditIcon />
+                            </div>
+                            <div className="versionname">
+                                {newName.trim()}
+                            </div>
+                            <div className="success-message">Saved Successfully!</div>
+                        </div>
+                    </div>
+                </RenderOverlay>
+            )}
+        </div>
+    );
 };
 
 export default VersionSaved;