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