25 lines
751 B
TypeScript
25 lines
751 B
TypeScript
|
import CameraSettings from "../components/CameraSettings/CameraSettings";
|
||
|
|
import OverviewVideoContainer from "../components/FrontCameraSettings/OverviewVideoContainer";
|
||
|
|
import { useNavigate } from "react-router";
|
||
|
|
import { useSwipeable } from "react-swipeable";
|
||
|
|
|
||
|
|
const FrontCamera = () => {
|
||
|
|
const navigate = useNavigate();
|
||
|
|
const handlers = useSwipeable({
|
||
|
|
onSwipedLeft: () => navigate("/"),
|
||
|
|
trackMouse: true,
|
||
|
|
});
|
||
|
|
|
||
|
|
return (
|
||
|
|
<div
|
||
|
|
className="mx-auto grid grid-cols-1 sm:grid-cols-1 lg:grid-cols-2 gap-4 px-2 sm:px-4 lg:px-0 w-full"
|
||
|
|
{...handlers}
|
||
|
|
>
|
||
|
|
<OverviewVideoContainer title={"Front Camera"} side="Front" />
|
||
|
|
<CameraSettings title="Front Camera Settings" />
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default FrontCamera;
|