diff --git a/web/src/components/overlay/detail/TrackingDetails.tsx b/web/src/components/overlay/detail/TrackingDetails.tsx index 4becf263c..82fb14771 100644 --- a/web/src/components/overlay/detail/TrackingDetails.tsx +++ b/web/src/components/overlay/detail/TrackingDetails.tsx @@ -37,7 +37,9 @@ import { HiDotsHorizontal } from "react-icons/hi"; import axios from "axios"; import { toast } from "sonner"; import { useDetailStream } from "@/context/detail-stream-context"; -import { isDesktop } from "react-device-detect"; +import { isDesktop, isIOS } from "react-device-detect"; +import Chip from "@/components/indicators/Chip"; +import { FaDownload, FaHistory } from "react-icons/fa"; type TrackingDetailsProps = { className?: string; @@ -53,6 +55,7 @@ export function TrackingDetails({ }: TrackingDetailsProps) { const videoRef = useRef(null); const { t } = useTranslation(["views/explore"]); + const navigate = useNavigate(); const { setSelectedObjectIds, annotationOffset, setAnnotationOffset } = useDetailStream(); @@ -330,6 +333,54 @@ export function TrackingDetails({ camera={event.camera} currentTimeOverride={currentTime} /> +
+ {event && ( + + + { + if (event?.id) { + const params = new URLSearchParams({ + id: event.id, + }).toString(); + navigate(`/review?${params}`); + } + }} + > + + + + + + {t("itemMenu.viewInHistory.label")} + + + + )} + + + + + + + + + + + {t("button.download", { ns: "common" })} + + + +