refactor: streamline Project component by removing unused imports and consolidating useEffect hooks
This commit is contained in:
parent
9edf2c1021
commit
e1213e6929
|
@ -6,17 +6,10 @@ import {
|
||||||
useUserName,
|
useUserName,
|
||||||
useWallItems,
|
useWallItems,
|
||||||
useSaveVersion,
|
useSaveVersion,
|
||||||
useViewSceneStore,
|
|
||||||
useProjectName,
|
useProjectName,
|
||||||
useRenameModeStore,
|
|
||||||
useSelectedFloorItem,
|
|
||||||
useZones,
|
useZones,
|
||||||
} from "../store/builder/store";
|
} from "../store/builder/store";
|
||||||
import { useNavigate, useParams } from "react-router-dom";
|
import { useNavigate, useParams } from "react-router-dom";
|
||||||
import { usePlayButtonStore } from "../store/usePlayButtonStore";
|
|
||||||
import MarketPlace from "../modules/market/MarketPlace";
|
|
||||||
import LoadingPage from "../components/templates/LoadingPage";
|
|
||||||
import KeyPressListener from "../utils/shortcutkeys/handleShortcutKeys";
|
|
||||||
import { useSelectedUserStore } from "../store/collaboration/useCollabStore";
|
import { useSelectedUserStore } from "../store/collaboration/useCollabStore";
|
||||||
import FollowPerson from "../components/templates/FollowPerson";
|
import FollowPerson from "../components/templates/FollowPerson";
|
||||||
import { useLogger } from "../components/ui/log/LoggerContext";
|
import { useLogger } from "../components/ui/log/LoggerContext";
|
||||||
|
@ -25,12 +18,9 @@ import LogList from "../components/ui/log/LogList";
|
||||||
import Footer from "../components/footer/Footer";
|
import Footer from "../components/footer/Footer";
|
||||||
import { useToggleStore } from "../store/useUIToggleStore";
|
import { useToggleStore } from "../store/useUIToggleStore";
|
||||||
import VersionSaved from "../components/layout/sidebarRight/versionHisory/VersionSaved";
|
import VersionSaved from "../components/layout/sidebarRight/versionHisory/VersionSaved";
|
||||||
import SimulationPlayer from "../components/ui/simulation/simulationPlayer";
|
|
||||||
import { useProductStore } from "../store/simulation/useProductStore";
|
import { useProductStore } from "../store/simulation/useProductStore";
|
||||||
import { getAllProjects } from "../services/dashboard/getAllProjects";
|
import { getAllProjects } from "../services/dashboard/getAllProjects";
|
||||||
import { viewProject } from "../services/dashboard/viewProject";
|
import { viewProject } from "../services/dashboard/viewProject";
|
||||||
import RenameTooltip from "../components/ui/features/RenameTooltip";
|
|
||||||
import { setFloorItemApi } from "../services/factoryBuilder/assest/floorAsset/setFloorItemApi";
|
|
||||||
import { useAssetsStore } from "../store/builder/useAssetStore";
|
import { useAssetsStore } from "../store/builder/useAssetStore";
|
||||||
import ComparisonSceneProvider from "../components/layout/scenes/ComparisonSceneProvider";
|
import ComparisonSceneProvider from "../components/layout/scenes/ComparisonSceneProvider";
|
||||||
import MainSceneProvider from "../components/layout/scenes/MainSceneProvider";
|
import MainSceneProvider from "../components/layout/scenes/MainSceneProvider";
|
||||||
|
@ -51,39 +41,25 @@ const Project: React.FC = () => {
|
||||||
const { projectId } = useParams();
|
const { projectId } = useParams();
|
||||||
const { setProjectName } = useProjectName();
|
const { setProjectName } = useProjectName();
|
||||||
const { userId, email, organization, userName } = getUserData();
|
const { userId, email, organization, userName } = getUserData();
|
||||||
|
const { selectedUser } = useSelectedUserStore();
|
||||||
|
const { isLogListVisible } = useLogger();
|
||||||
|
|
||||||
const generateThumbnail = async () => {
|
useEffect(() => {
|
||||||
try {
|
|
||||||
if (!email || !userId) {
|
if (!email || !userId) {
|
||||||
console.error("User data not found in localStorage");
|
console.error("User data not found in localStorage");
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
const projects = await getAllProjects(
|
getAllProjects(userId, organization).then((projects) => {
|
||||||
userId, organization
|
const filterProject = projects?.Projects.find((val: any) => val.projectUuid === projectId || val._id === projectId)
|
||||||
);
|
|
||||||
const filterProject = projects?.Projects.find((val: any) => val.projectUuid === projectId || val._id
|
|
||||||
=== projectId)
|
|
||||||
const viewedProject = await viewProject(
|
|
||||||
organization,
|
|
||||||
filterProject._id,
|
|
||||||
userId,
|
|
||||||
);
|
|
||||||
// console.log('filterProject.projectName: ', filterProject.projectName);
|
|
||||||
setProjectName(filterProject.projectName)
|
setProjectName(filterProject.projectName)
|
||||||
|
|
||||||
}
|
viewProject(organization, filterProject._id, userId).then((viewedProject) => {
|
||||||
catch {
|
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
useEffect(() => {
|
|
||||||
generateThumbnail();
|
|
||||||
}, []);
|
}, []);
|
||||||
// console.log('isRenameMode: ', isRenameMode);
|
|
||||||
|
|
||||||
const { selectedUser } = useSelectedUserStore();
|
|
||||||
const { isLogListVisible } = useLogger();
|
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (!isVersionSaved) {
|
if (!isVersionSaved) {
|
||||||
|
|
Loading…
Reference in New Issue