diff --git a/web/src/components/overlay/detail/SearchDetailDialog.tsx b/web/src/components/overlay/detail/SearchDetailDialog.tsx index fa22752bd..e569d2d63 100644 --- a/web/src/components/overlay/detail/SearchDetailDialog.tsx +++ b/web/src/components/overlay/detail/SearchDetailDialog.tsx @@ -1,4 +1,4 @@ -import { isDesktop, isIOS } from "react-device-detect"; +import { isDesktop, isIOS, isMobile } from "react-device-detect"; import { Drawer, DrawerContent, @@ -31,6 +31,7 @@ import { FrigatePlusDialog } from "../dialog/FrigatePlusDialog"; import { Event } from "@/types/event"; import HlsVideoPlayer from "@/components/player/HlsVideoPlayer"; import { baseUrl } from "@/api/baseUrl"; +import { cn } from "@/lib/utils"; const SEARCH_TABS = ["details", "Frigate+", "video"] as const; type SearchTab = (typeof SEARCH_TABS)[number]; @@ -101,14 +102,16 @@ export default function SearchDetailDialog({ className={ isDesktop ? "sm:max-w-xl md:max-w-3xl lg:max-w-4xl xl:max-w-7xl" - : "max-h-[75dvh] overflow-hidden p-2 pb-4" + : "max-h-[75dvh] overflow-hidden px-2 pb-4" } >
Tracked Object Details Tracked object details
- +
(null); + const endTime = useMemo(() => search.end_time ?? Date.now() / 1000, [search]); + return (