diff --git a/web/src/components/overlay/detail/TrackingDetails.tsx b/web/src/components/overlay/detail/TrackingDetails.tsx index 264a08a7b..77dce19e9 100644 --- a/web/src/components/overlay/detail/TrackingDetails.tsx +++ b/web/src/components/overlay/detail/TrackingDetails.tsx @@ -55,7 +55,6 @@ import { IoPlayCircleOutline } from "react-icons/io5"; import { useTranslation } from "react-i18next"; import { getTranslatedLabel } from "@/utils/i18n"; import { Badge } from "@/components/ui/badge"; -import FrigatePlusIcon from "@/components/icons/FrigatePlusIcon"; import { HiDotsHorizontal } from "react-icons/hi"; import axios from "axios"; import { toast } from "sonner"; @@ -828,8 +827,10 @@ function LifecycleIconRow({ getZoneColor, }: LifecycleIconRowProps) { const { t } = useTranslation(["views/explore", "components/player"]); - const [isOpen, setIsOpen] = useState(false); const { data: config } = useSWR("config"); + const [isOpen, setIsOpen] = useState(false); + + const navigate = useNavigate(); return (
{formattedEventTimestamp}
- {config?.plus?.enabled && ( + {(config?.plus?.enabled || item.data.box) && (
@@ -956,10 +957,24 @@ function LifecycleIconRow({ } }} > - {t("itemMenu.submitToPlus.label")} )} + {item.data.box && ( + { + setIsOpen(false); + setTimeout(() => { + navigate( + `/settings?page=masksAndZones&camera=${item.camera}&object_mask=${item.data.box}`, + ); + }, 0); + }} + > + {t("trackingDetails.createObjectMask")} + + )}