UI changes (#11863)

* Delay live ready being dropped

* Handle case of removed camera
This commit is contained in:
Nicolas Mowen 2024-06-10 20:20:58 -05:00 committed by GitHub
parent 18d561da0e
commit 962d213699
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 6 additions and 5 deletions

View File

@ -74,8 +74,8 @@ export function AnimatedEventCard({
// image behavior
const aspectRatio = useMemo(() => {
if (!config) {
return 1;
if (!config || !Object.keys(config.cameras).includes(event.camera)) {
return 16 / 9;
}
const detect = config.cameras[event.camera].detect;

View File

@ -85,7 +85,7 @@ export default function LivePlayer({
}
if (!cameraActive) {
setLiveReady(false);
setTimeout(() => setLiveReady(false), 500);
}
// live mode won't change
// eslint-disable-next-line react-hooks/exhaustive-deps
@ -94,7 +94,7 @@ export default function LivePlayer({
// camera still state
const stillReloadInterval = useMemo(() => {
if (!windowVisible || offline) {
if (!windowVisible || offline || !showStillWithoutActivity) {
return -1; // no reason to update the image when the window is not visible
}
@ -113,6 +113,7 @@ export default function LivePlayer({
return 30000;
}, [
autoLive,
showStillWithoutActivity,
liveReady,
activeMotion,
activeTracking,
@ -262,7 +263,7 @@ export default function LivePlayer({
camera={cameraConfig.name}
showFps={false}
reloadInterval={stillReloadInterval}
cameraClasses="relative w-full h-full flex justify-center"
cameraClasses="relative size-full flex justify-center"
/>
</div>