31 lines
889 B
TypeScript
31 lines
889 B
TypeScript
import { useNavigate } from "react-router";
|
|
import { useSwipeable } from "react-swipeable";
|
|
import OverviewVideoContainer from "../components/FrontCameraSettings/OverviewVideoContainer";
|
|
import CameraSettings from "../components/CameraSettings/CameraSettings";
|
|
import { Toaster } from "sonner";
|
|
|
|
const RearCamera = () => {
|
|
const navigate = useNavigate();
|
|
const handlers = useSwipeable({
|
|
onSwipedRight: () => 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 order-first"
|
|
{...handlers}
|
|
>
|
|
<CameraSettings title="Rear Camera Settings" side={"CameraRear"} />
|
|
<OverviewVideoContainer
|
|
title={"Rear Camera"}
|
|
side={"CameraRear"}
|
|
settingsPage={true}
|
|
/>
|
|
<Toaster />
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default RearCamera;
|