code optimization

app/src/modules/scene/postProcessing/postProcessing.tsx

@@ -1,10 +1,15 @@
-import { DepthOfField, Bloom, EffectComposer, N8AO } from "@react-three/postprocessing";
+import { EffectComposer, N8AO } from "@react-three/postprocessing";
 import OutlineInstances from "./outlineInstances/outlineInstances";
 import { useDeletableEventSphere, useSelectedEventSphere } from "../../../store/simulation/useSimulationStore";
+import { useEffect } from "react";
 
 export default function PostProcessing() {
-    const { } = useSelectedEventSphere();
+    const { selectedEventSphere } = useSelectedEventSphere();
-    const { } = useDeletableEventSphere();
+    const { deletableEventSphere } = useDeletableEventSphere();
+
+    useEffect(() => {
+
+    }, [selectedEventSphere, deletableEventSphere])
 
     return (
         <EffectComposer autoClear={false}>

app/src/pages/Dashboard.tsx

@@ -1,7 +1,5 @@
 import React, { useEffect, useState } from "react";
-import {
+import { useSocketStore } from "../store/builder/store";
-  useSocketStore
-} from "../store/builder/store";
 import DashboardHome from "../components/Dashboard/DashboardHome";
 import DashboardProjects from "../components/Dashboard/DashboardProjects";
 import DashboardTrash from "../components/Dashboard/DashboardTrash";
@@ -19,18 +17,16 @@ const Dashboard: React.FC = () => {
         const refreshToken = localStorage.getItem("refreshToken")
         if (token) {
             useSocketStore.getState().initializeSocket(email, organization, token, refreshToken);
-    } else {
-
         }
-  }, [socket]);
+    }, [socket, email, organization]);
 
     return (
         <div className="dashboard-main">
             <SidePannel setActiveTab={setActiveTab} activeTab={activeTab} />
-      {activeTab == "Home" && <DashboardHome />}
+            {activeTab === "Home" && <DashboardHome />}
-      {activeTab == "Projects" && <DashboardProjects />}
+            {activeTab === "Projects" && <DashboardProjects />}
-      {activeTab == "Trash" && <DashboardTrash />}
+            {activeTab === "Trash" && <DashboardTrash />}
-      {activeTab == "Tutorials" && <DashboardTutorial />}
+            {activeTab === "Tutorials" && <DashboardTutorial />}
         </div>
     );
 };

app/src/store/builder/store.ts

@@ -1,4 +1,3 @@
-import { Object3D } from "three";
 import { create } from "zustand";
 import { io } from "socket.io-client";
 import * as CONSTANTS from "../../types/world/worldConstants";