diff --git a/src/Components/CameraFeed/CameraFeed.tsx b/src/Components/CameraFeed/CameraFeed.tsx index 3c9b25b6fc9..93f87ee20aa 100644 --- a/src/Components/CameraFeed/CameraFeed.tsx +++ b/src/Components/CameraFeed/CameraFeed.tsx @@ -12,7 +12,7 @@ import useFullscreen from "../../Common/hooks/useFullscreen"; import useBreakpoints from "../../Common/hooks/useBreakpoints"; import { GetPresetsResponse } from "./routes"; import VideoPlayer from "./videoPlayer"; -import MonitorAssetPopover from "../Common/MonitorAssetPopover"; +import AssetInfoPopover from "../Common/AssetInfoPopover"; interface Props { children?: React.ReactNode; @@ -28,6 +28,7 @@ interface Props { shortcutsDisabled?: boolean; onMove?: () => void; operate: ReturnType["operate"]; + hideAssetInfo?: boolean; } export default function CameraFeed(props: Props) { @@ -183,15 +184,18 @@ export default function CameraFeed(props: Props) { {props.children}
-
- - {props.asset.name} - - -
+ {!props.hideAssetInfo && ( +
+ + {props.asset.name} + + +
+ )} + {!isIOS && (
- +
); } @@ -246,6 +251,7 @@ export default function ConfigureCamera(props: Props) { ); } }} + hideAssetInfo >
{ +const AssetInfoPopover = ({ asset, className }: AssetInfoPopoverProps) => { const { t } = useTranslation(); return ( @@ -87,4 +84,4 @@ const MonitorAssetPopover = ({ ); }; -export default MonitorAssetPopover; +export default AssetInfoPopover; diff --git a/src/Components/VitalsMonitor/VitalsMonitorFooter.tsx b/src/Components/VitalsMonitor/VitalsMonitorFooter.tsx index 1c669cd5bbf..1a45b2cd000 100644 --- a/src/Components/VitalsMonitor/VitalsMonitorFooter.tsx +++ b/src/Components/VitalsMonitor/VitalsMonitorFooter.tsx @@ -1,5 +1,5 @@ import { AssetData } from "../Assets/AssetTypes"; -import MonitorAssetPopover from "../Common/MonitorAssetPopover"; +import AssetInfoPopover from "../Common/AssetInfoPopover"; interface IVitalsMonitorFooterProps { asset?: AssetData; @@ -9,7 +9,7 @@ const VitalsMonitorFooter = ({ asset }: IVitalsMonitorFooterProps) => { return (

{asset?.name}

-