added sighting feed

This commit is contained in:
2025-08-20 08:27:05 +01:00
parent 9288540957
commit 44af1b21b7
17 changed files with 621 additions and 47 deletions

View File

@@ -6,7 +6,9 @@ import { useNavigate } from "react-router";
import CardHeader from "../UI/CardHeader";
import { faCamera } from "@fortawesome/free-regular-svg-icons";
const RearCameraOverviewCard = () => {
type CardProps = React.HTMLAttributes<HTMLDivElement>;
const RearCameraOverviewCard = ({ className }: CardProps) => {
const navigate = useNavigate();
const handlers = useSwipeable({
onSwipedLeft: () => navigate("/rear-camera-settings"),
@@ -14,7 +16,7 @@ const RearCameraOverviewCard = () => {
});
return (
<Card className={clsx("min-h-[40vh] md:min-h-[60vh] h-auto")}>
<Card className={clsx("min-h-[40vh] md:min-h-[60vh] h-auto", className)}>
<div className="flex flex-col space-y-3 h-full" {...handlers}>
<CardHeader title="Rear Overiew" icon={faCamera} />
<SnapshotContainer side="TargetDetectionRear" />