Merge pull request #29 from ibs0d/revert-26-codex/refactor-livecameraview-to-use-livezoom-helpers

Revert "refactor(live): use shared live-zoom helpers in LiveCameraView"

web/src/views/live/LiveCameraView.tsx

@@ -122,10 +122,6 @@ import {
   SnapshotResult,
 } from "@/utils/snapshotUtil";
 import ActivityIndicator from "@/components/indicators/activity-indicator";
-import {
-  createLiveZoomWrapperProps,
-  getLiveZoomTransformStyles,
-} from "@/views/live/liveZoom";
 
 type LiveCameraViewProps = {
   config?: FrigateConfig;
@@ -441,7 +437,11 @@ export default function LiveCameraView({
   );
 
   return (
-    <TransformWrapper {...createLiveZoomWrapperProps(debug)}>
+    <TransformWrapper
+      minScale={1.0}
+      wheel={{ smoothStep: 0.005 }}
+      disabled={debug}
+    >
       <Toaster position="top-center" closeButton={true} />
       <div
         ref={mainRef}
@@ -621,7 +621,18 @@ export default function LiveCameraView({
         </div>
         {!debug ? (
           <div id="player-container" className="size-full" ref={containerRef}>
-            <TransformComponent {...getLiveZoomTransformStyles("player")}>
+            <TransformComponent
+              wrapperStyle={{
+                width: "100%",
+                height: "100%",
+              }}
+              contentStyle={{
+                position: "relative",
+                width: "100%",
+                height: "100%",
+                padding: "8px",
+              }}
+            >
               <div
                 className={`flex flex-col items-center justify-center ${growClassName}`}
                 ref={clickOverlayRef}
@@ -664,7 +675,17 @@ export default function LiveCameraView({
               )}
           </div>
         ) : (
-          <TransformComponent {...getLiveZoomTransformStyles("debug")}>
+          <TransformComponent
+            wrapperStyle={{
+              width: "100%",
+              height: "100%",
+            }}
+            contentStyle={{
+              position: "relative",
+              width: "100%",
+              height: "100%",
+            }}
+          >
             <ObjectSettingsView selectedCamera={camera.name} />
           </TransformComponent>
         )}