29 lines
872 B
TypeScript
29 lines
872 B
TypeScript
import OverviewVideoContainer from "../components/FrontCameraSettings/OverviewVideoContainer";
|
|
import CameraSettings from "../components/CameraSettings/CameraSettings";
|
|
import { Toaster } from "sonner";
|
|
import { useState } from "react";
|
|
|
|
const RearCamera = () => {
|
|
const [zoomLevel, setZoomLevel] = useState<number | undefined>(1);
|
|
return (
|
|
<div className="mx-auto flex flex-col-reverse lg:flex-row gap-2 px-1 sm:px-2 lg:px-0 w-full min-h-screen">
|
|
<CameraSettings
|
|
title="Camera B Settings"
|
|
side={"CameraB"}
|
|
zoomLevel={zoomLevel}
|
|
onZoomLevelChange={setZoomLevel}
|
|
/>
|
|
<OverviewVideoContainer
|
|
title={"Camera B"}
|
|
side={"CameraB"}
|
|
settingsPage={true}
|
|
zoomLevel={zoomLevel}
|
|
onZoomLevelChange={setZoomLevel}
|
|
/>
|
|
<Toaster />
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default RearCamera;
|