refactor: clean up imports and improve aisle data fetching in AislesGroup component

app/src/app.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect } from "react";
 import { Cache } from "three";
-import { BrowserRouter as Router, Routes, Route, useParams } from "react-router-dom";
+import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
 import Dashboard from "./pages/Dashboard";
 import Project from "./pages/Project";
 import UserAuth from "./pages/UserAuth";
@@ -14,7 +14,6 @@ const App: React.FC = () => {
     Cache.enabled = true;
   }, []);
 
-
   return (
     <LoggerProvider>
       <Router>

app/src/components/Dashboard/DashboardCard.tsx

@@ -60,12 +60,6 @@ const DashboardCard: React.FC<DashBoardCardProps> = ({
 
     const navigateToProject = async (e: any) => {
         if (active && active == "trash") return;
-        try {
-            const viewedProject = await viewProject(organization, projectId, userId);
-            // console.log("Viewed project:", viewedProject);
-        } catch (error) {
-            // console.error("Error opening project:", error);
-        }
         setLoadingProgress(1)
         setProjectName(projectName);
         navigate(`/${projectId}`);

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

@@ -18,7 +18,7 @@ const VersionHistory = () => {
     const { setVersionHistoryVisible } = useVersionHistoryVisibleStore();
     const { versionHistory, setCreateNewVersion } = useVersionHistoryStore();
     const { selectedVersionStore } = useVersionContext();
-    const { selectedVersion } = selectedVersionStore();
+    const { selectedVersion, setSelectedVersion } = selectedVersionStore();
     const { projectId } = useParams();
 
     const addNewVersion = () => {
@@ -29,7 +29,10 @@ const VersionHistory = () => {
         if (!projectId) return;
 
         getVersionDataApi(projectId, version.versionId).then((verdionData) => {
+            setSelectedVersion(version);
             console.log(verdionData);
+        }).catch((err) => {
+            console.log(err);
         })
     };
 

app/src/modules/builder/aisle/aislesGroup.tsx

@@ -8,15 +8,16 @@ import { useAisleStore } from '../../../store/builder/useAisleStore';
 function AislesGroup() {
     const { projectId } = useParams();
     const { setAisles } = useAisleStore();
+
     useEffect(() => {
-        const fetchAisle = async () => {
-            if (projectId) {
-                const aisles = await getAisleApi(projectId);
+        if (projectId) {
+            getAisleApi(projectId).then((aisles) => {
                 setAisles(aisles);
-            }
+            }).catch((err) => {
+                console.log(err);
+            })
         }
-        fetchAisle()
-    }, [])
+    }, [projectId])
 
     return (