* Set max width on the problems area in status bar and use unique keys so they do not duplicate

* Fix possibly missing media info

* Show full row of items on tablet

* remove debugging logic
This commit is contained in:
Nicolas Mowen
2024-05-18 10:54:46 -06:00
committed by GitHub
parent 1133202cbd
commit 8cddfc27fb
4 changed files with 14 additions and 13 deletions

View File

@@ -36,6 +36,7 @@ import {
isIOS,
isMobile,
isSafari,
isTablet,
useMobileOrientation,
} from "react-device-detect";
import { BsThreeDotsVertical } from "react-icons/bs";
@@ -100,7 +101,7 @@ export default function LiveCameraView({ camera }: LiveCameraViewProps) {
return (
cameraMetadata.producers.find(
(prod) =>
prod.medias.find((media) => media.includes("audio, sendonly")) != undefined,
prod.medias && prod.medias.find((media) => media.includes("audio, sendonly")) != undefined,
) != undefined
);
}, [cameraMetadata]);
@@ -112,7 +113,7 @@ export default function LiveCameraView({ camera }: LiveCameraViewProps) {
return (
cameraMetadata.producers.find(
(prod) =>
prod.medias.find((media) => media.includes("audio, recvonly")) != undefined,
prod.medias && prod.medias.find((media) => media.includes("audio, recvonly")) != undefined,
) != undefined
);
}, [cameraMetadata])
@@ -622,7 +623,7 @@ function FrigateCameraFeatures({
useAutotrackingState(camera);
// desktop shows icons part of row
if (isDesktop) {
if (isDesktop || isTablet) {
return (
<>
<CameraFeatureToggle