refactor: streamline Project component by removing unused imports and consolidating useEffect hooks

This commit is contained in:
Jerald-Golden-B 2025-06-18 16:47:13 +05:30
parent 9edf2c1021
commit e1213e6929
1 changed files with 76 additions and 100 deletions

View File

@ -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) {