- minor tweaks on zoom and navigation arrow

src/components/CameraOverview/SnapshotContainer.tsx

@@ -1,12 +1,8 @@
 import { useGetOverviewSnapshot } from "../../hooks/useGetOverviewSnapshot";
-import type { ZoomInOptions } from "../../types/types";
 import NavigationArrow from "../UI/NavigationArrow";
-import { useCameraZoom } from "../../hooks/useCameraZoom";
-import { useEffect } from "react";
+
 import Loading from "../UI/Loading";
 import ErrorState from "../UI/ErrorState";
-import { reverseZoomMapping, zoomMapping } from "../../utils/utils";
-
 type SnapshotContainerProps = {
   side: string;
   settingsPage?: boolean;
@@ -16,10 +12,6 @@ type SnapshotContainerProps = {
 
 export const SnapshotContainer = ({ side, settingsPage, zoomLevel, onZoomLevelChange }: SnapshotContainerProps) => {
   const { canvasRef, isError, isPending } = useGetOverviewSnapshot(side);
-  const cameraControllerSide = side === "CameraA" ? "CameraControllerA" : "CameraControllerB";
-  const { mutation, query } = useCameraZoom({ camera: cameraControllerSide });
-  const magnification = query?.data?.propMagnification?.value;
-  const apiZoom = reverseZoomMapping(magnification);
 
   const handleZoomClick = () => {
     const baseLevel = zoomLevel ?? 1;
@@ -30,19 +22,6 @@ export const SnapshotContainer = ({ side, settingsPage, zoomLevel, onZoomLevelCh
     if (!zoomLevel) return;
   };
 
-  useEffect(() => {
-    if (zoomLevel) {
-      const text = zoomMapping(apiZoom);
-      const zoomInOptions: ZoomInOptions = {
-        camera: cameraControllerSide,
-        multiplier: zoomLevel,
-        multiplierText: text,
-      };
-      console.log(zoomInOptions);
-      mutation.mutate(zoomInOptions);
-    }
-  }, [cameraControllerSide, apiZoom, zoomLevel]);
-
   return (
     <div className="flex flex-col md:flex-row">
       <NavigationArrow side={side} settingsPage={settingsPage} />