- fixed cropped live feed and amended APIs for submission

src/components/CameraOverview/SnapshotContainer.tsx

@@ -25,18 +25,14 @@ export const SnapshotContainer = ({ side, settingsPage, zoomLevel, onZoomLevelCh
   return (
     <div className="flex flex-col md:flex-row">
       <NavigationArrow side={side} settingsPage={settingsPage} />
-      <div className="w-full">
+      <div className="w-full bg-[#253445] rounded-md overflow-hidden md:h-[500px] lg:h-[70vh]">
         {isError && <ErrorState />}
         {isPending && (
-          <div className="my-50 h-[50%]">
+          <div className="absolute inset-0 grid place-items-center">
             <Loading message="Camera Preview" />
           </div>
         )}
-        <canvas
-          onClick={handleZoomClick}
-          ref={canvasRef}
-          className="absolute inset-0 object-contain min-h-[100%] z-20"
-        />
+        <canvas onClick={handleZoomClick} ref={canvasRef} className="block w-full h-full z-20" />
       </div>
     </div>
   );

src/components/FrontCameraSettings/OverviewVideoContainer.tsx

@@ -30,7 +30,7 @@ const OverviewVideoContainer = ({
     trackMouse: true,
   });
   return (
-    <Card className={clsx("relative min-h-[40vh] md:min-h-[60vh] max-h-[80vh] lg:w-[70%] overflow-y-hidden")}>
+    <Card className={clsx("relative min-h-[40vh] md:min-h-[40vh] max-h-[70vh] lg:w-[70%] overflow-y-hidden")}>
       <div className="w-full" {...handlers}>
         <SnapshotContainer
           side={side}

src/components/SettingForms/SettingForms/SettingForms.tsx

@@ -114,7 +114,6 @@ const SettingForms = () => {
             laneId: laneIdQuery?.data?.id,
             LID1: values.LID1,
             LID2: values.LID2,
-            LID3: values.LID3,
           };
           await bof2LandMutation.mutateAsync(bof2LaneData);
           await backOfficeDispatcherMutation.mutateAsync(bof2ConstantsData);