diff --git a/web/src/components/menu/LiveContextMenu.tsx b/web/src/components/menu/LiveContextMenu.tsx index 300bd2212..8641365a3 100644 --- a/web/src/components/menu/LiveContextMenu.tsx +++ b/web/src/components/menu/LiveContextMenu.tsx @@ -47,6 +47,7 @@ import { import { useTranslation } from "react-i18next"; import { useDateLocale } from "@/hooks/use-date-locale"; import { useIsAdmin } from "@/hooks/use-is-admin"; +import { CameraNameLabel } from "../camera/CameraNameLabel"; type LiveContextMenuProps = { className?: string; @@ -271,7 +272,7 @@ export default function LiveContextMenu({
- {camera.replaceAll("_", " ")} +
{preferredLiveMode == "jsmpeg" && isRestreamed && (
diff --git a/web/src/components/overlay/detail/ReviewDetailDialog.tsx b/web/src/components/overlay/detail/ReviewDetailDialog.tsx index 1f647fb04..cf562d598 100644 --- a/web/src/components/overlay/detail/ReviewDetailDialog.tsx +++ b/web/src/components/overlay/detail/ReviewDetailDialog.tsx @@ -47,6 +47,7 @@ import { LuSearch } from "react-icons/lu"; import useKeyboardListener from "@/hooks/use-keyboard-listener"; import { Trans, useTranslation } from "react-i18next"; import { getTranslatedLabel } from "@/utils/i18n"; +import { CameraNameLabel } from "@/components/camera/CameraNameLabel"; type ReviewDetailDialogProps = { review?: ReviewSegment; @@ -286,7 +287,7 @@ export default function ReviewDetailDialog({ {t("details.camera")}
- {review.camera.replaceAll("_", " ")} +