feat: add setSelectedVersion functionality in VersionSaved component
This commit is contained in:
parent
98ad4bfb14
commit
cdf8d731f5
|
@ -10,7 +10,7 @@ import { useParams } from "react-router-dom";
|
||||||
import { getUserData } from "../../../../functions/getUserData";
|
import { getUserData } from "../../../../functions/getUserData";
|
||||||
|
|
||||||
const VersionSaved = () => {
|
const VersionSaved = () => {
|
||||||
const { versionHistory, addVersion, createNewVersion, setCreateNewVersion } = useVersionHistoryStore();
|
const { versionHistory, addVersion, createNewVersion, setCreateNewVersion, setSelectedVersion } = useVersionHistoryStore();
|
||||||
const [newName, setNewName] = useState(new Date().toLocaleString("en-US", {
|
const [newName, setNewName] = useState(new Date().toLocaleString("en-US", {
|
||||||
month: "short",
|
month: "short",
|
||||||
day: "numeric",
|
day: "numeric",
|
||||||
|
@ -58,6 +58,15 @@ const VersionSaved = () => {
|
||||||
createdBy: data.createdBy.userName
|
createdBy: data.createdBy.userName
|
||||||
})
|
})
|
||||||
|
|
||||||
|
setSelectedVersion({
|
||||||
|
version: data.version,
|
||||||
|
versionId: data.versionId,
|
||||||
|
versionName: data.versionName,
|
||||||
|
versionDescription: data.description,
|
||||||
|
timeStamp: data.createdAt,
|
||||||
|
createdBy: data.createdBy.userName
|
||||||
|
})
|
||||||
|
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
setSaveFinish(false);
|
setSaveFinish(false);
|
||||||
}, 3000);
|
}, 3000);
|
||||||
|
|
|
@ -6,6 +6,7 @@ import { getCamera } from "../../../services/factoryBuilder/camera/getCameraApi"
|
||||||
import * as CONSTANTS from '../../../types/world/worldConstants';
|
import * as CONSTANTS from '../../../types/world/worldConstants';
|
||||||
import { useParams } from "react-router-dom";
|
import { useParams } from "react-router-dom";
|
||||||
import { getUserData } from "../../../functions/getUserData";
|
import { getUserData } from "../../../functions/getUserData";
|
||||||
|
import { CameraControls } from "@react-three/drei";
|
||||||
|
|
||||||
export default function SwitchView() {
|
export default function SwitchView() {
|
||||||
const { toggleView } = useToggleView();
|
const { toggleView } = useToggleView();
|
||||||
|
@ -16,7 +17,7 @@ export default function SwitchView() {
|
||||||
orthoCamera.current = new THREE.OrthographicCamera(-window.innerWidth / 2, window.innerWidth / 2, window.innerHeight / 2, -window.innerHeight / 2, 0.01, 1000);
|
orthoCamera.current = new THREE.OrthographicCamera(-window.innerWidth / 2, window.innerWidth / 2, window.innerHeight / 2, -window.innerHeight / 2, 0.01, 1000);
|
||||||
perspectiveCamera.current = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.01, 1000);
|
perspectiveCamera.current = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.01, 1000);
|
||||||
const { projectId } = useParams();
|
const { projectId } = useParams();
|
||||||
const { userId, organization, email } = getUserData();
|
const { organization } = getUserData();
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (!perspectiveCamera.current || !orthoCamera.current) return;
|
if (!perspectiveCamera.current || !orthoCamera.current) return;
|
||||||
|
@ -42,11 +43,13 @@ export default function SwitchView() {
|
||||||
try {
|
try {
|
||||||
getCamera(organization, localStorage.getItem('userId')!, projectId).then((data) => {
|
getCamera(organization, localStorage.getItem('userId')!, projectId).then((data) => {
|
||||||
if (data && data.position && data.target) {
|
if (data && data.position && data.target) {
|
||||||
|
// state.controls?.setLookAt(data.position.x, data.position.y, data.position.z, data.target.x, data.target.y, data.target.z, true)
|
||||||
state.controls?.setPosition(data.position.x, data.position.y, data.position.z);
|
state.controls?.setPosition(data.position.x, data.position.y, data.position.z);
|
||||||
state.controls?.setTarget(data.target.x, data.target.y, data.target.z);
|
state.controls?.setTarget(data.target.x, data.target.y, data.target.z);
|
||||||
localStorage.setItem("cameraPosition", JSON.stringify(data.position));
|
localStorage.setItem("cameraPosition", JSON.stringify(data.position));
|
||||||
localStorage.setItem("controlTarget", JSON.stringify(data.target));
|
localStorage.setItem("controlTarget", JSON.stringify(data.target));
|
||||||
} else {
|
} else {
|
||||||
|
// state.controls?.setLookAt(...CONSTANTS.threeDimension.defaultPosition, ...CONSTANTS.threeDimension.defaultTarget, true);
|
||||||
state.controls?.setPosition(...CONSTANTS.threeDimension.defaultPosition);
|
state.controls?.setPosition(...CONSTANTS.threeDimension.defaultPosition);
|
||||||
state.controls?.setTarget(...CONSTANTS.threeDimension.defaultTarget);
|
state.controls?.setTarget(...CONSTANTS.threeDimension.defaultTarget);
|
||||||
localStorage.setItem("cameraPosition", JSON.stringify(new THREE.Vector3(...CONSTANTS.threeDimension.defaultPosition)));
|
localStorage.setItem("cameraPosition", JSON.stringify(new THREE.Vector3(...CONSTANTS.threeDimension.defaultPosition)));
|
||||||
|
@ -56,6 +59,7 @@ export default function SwitchView() {
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
echo.error("Failed to retrieve camera position or target");
|
echo.error("Failed to retrieve camera position or target");
|
||||||
console.error("Failed to retrieve camera position or target:", error);
|
console.error("Failed to retrieve camera position or target:", error);
|
||||||
|
// state.controls?.setLookAt(...CONSTANTS.threeDimension.defaultPosition, ...CONSTANTS.threeDimension.defaultTarget, true);
|
||||||
state.controls?.setPosition(...CONSTANTS.threeDimension.defaultPosition);
|
state.controls?.setPosition(...CONSTANTS.threeDimension.defaultPosition);
|
||||||
state.controls?.setTarget(...CONSTANTS.threeDimension.defaultTarget);
|
state.controls?.setTarget(...CONSTANTS.threeDimension.defaultTarget);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue