rename set camera

simularium · Sep 8, 2023 · a78dee4 · a78dee4
1 parent 49598cc
commit a78dee4
Showing 1 changed file with 16 additions and 9 deletions.
diff --git a/src/components/CameraControls/index.tsx b/src/components/CameraControls/index.tsx
@@ -45,7 +45,8 @@ const CameraControls = ({
 }: CameraControlsProps): JSX.Element => {
     const [isFocused, saveFocusMode] = useState(true);
     const [mode, setMode] = useState(ROTATE);
-    const [camera, setCamera] = useState(PERSPECTIVE);
+    const [cameraProjectionType, setCameraProjectionType] =
+        useState(PERSPECTIVE);
     const [keyPressed, setKeyPressed] = useState("");
     const lastKeyPressed = useRef("");
 
@@ -104,8 +105,8 @@ const CameraControls = ({
     }, [mode]);
 
     useEffect(() => {
-        setCameraType(camera === ORTHOGRAPHIC);
-    }, [camera]);
+        setCameraType(cameraProjectionType === ORTHOGRAPHIC);
+    }, [cameraProjectionType]);
 
     useEffect(() => {
         if (
@@ -130,10 +131,10 @@ const CameraControls = ({
                 saveFocusMode(!isFocused);
                 break;
             case ORTHOGRAPHIC:
-                setCamera(ORTHOGRAPHIC);
+                setCameraProjectionType(ORTHOGRAPHIC);
                 break;
             case PERSPECTIVE:
-                setCamera(PERSPECTIVE);
+                setCameraProjectionType(PERSPECTIVE);
                 break;
             default:
                 break;
@@ -227,11 +228,14 @@ const CameraControls = ({
                         detaches keypressed listener after the button is pressed */}
                         <Button
                             className={classNames([
-                                { [styles.active]: camera === ORTHOGRAPHIC },
+                                {
+                                    [styles.active]:
+                                        cameraProjectionType === ORTHOGRAPHIC,
+                                },
                                 styles.radioBtn,
                             ])}
                             onClick={() => {
-                                setCamera(ORTHOGRAPHIC);
+                                setCameraProjectionType(ORTHOGRAPHIC);
                             }}
                             icon={Icons.OrthographicCamera}
                         ></Button>
@@ -243,11 +247,14 @@ const CameraControls = ({
                     >
                         <Button
                             className={classNames([
-                                { [styles.active]: camera === PERSPECTIVE },
+                                {
+                                    [styles.active]:
+                                        cameraProjectionType === PERSPECTIVE,
+                                },
                                 styles.radioBtn,
                             ])}
                             onClick={() => {
-                                setCamera(PERSPECTIVE);
+                                setCameraProjectionType(PERSPECTIVE);
                             }}
                             icon={Icons.PerspectiveCamera}
                         ></Button>