From 8b2b6eea47ee0f4adfe4a5970dc6c06070d7d563 Mon Sep 17 00:00:00 2001
From: Jerald-Golden-B <jerald@hexrfactory.com>
Date: Mon, 8 Sep 2025 17:05:07 +0530
Subject: [PATCH] refactor: Add SyncCam import and useState hook to Controls
 component for enhanced functionality

---
 app/src/modules/scene/controls/controls.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/src/modules/scene/controls/controls.tsx b/app/src/modules/scene/controls/controls.tsx
index 7cad4e7..0345a03 100644
--- a/app/src/modules/scene/controls/controls.tsx
+++ b/app/src/modules/scene/controls/controls.tsx
@@ -1,5 +1,5 @@
 import { CameraControls } from "@react-three/drei";
-import { useRef, useEffect } from "react";
+import { useRef, useEffect, useState } from "react";
 import { useThree } from "@react-three/fiber";
 import * as THREE from "three";
 import * as CONSTANTS from "../../../types/world/worldConstants";
@@ -7,6 +7,7 @@ import { useSocketStore, useToggleView, useResetCamera } from "../../../store/bu
 
 import CamMode from "../camera/camMode";
 import SwitchView from "../camera/switchView";
+import SyncCam from "../camera/syncCam";
 import ContextControls from "./contextControls/contextControls";
 import TransformControl from "./transformControls/transformControls";
 import SelectionControls2D from "./selectionControls/selection2D/selectionControls2D";
@@ -20,7 +21,6 @@ import { getUserData } from "../../../functions/getUserData";
 import { getCameraApi } from "../../../services/factoryBuilder/camera/getCameraApi";
 import { setCameraApi } from "../../../services/factoryBuilder/camera/setCameraApi";
 import updateCamPosition from "../camera/functions/updateCameraPosition";
-import SyncCam from "../camera/syncCam";
 
 export default function Controls() {
     const controlsRef = useRef<CameraControls>(null);