chris/frigate
1
0
Fork 0
forked from Github/frigate
Code Pull Requests Packages Activity

UI tweaks (#11795)

Browse Source 
* Prevent "undefined" from being displayed in searchParams string

* Show message for no motion data

* Use theme colors for no preview found divs
This commit is contained in:
Josh Hawkins
2024-06-07 06:57:15 -05:00
committed by GitHub
parent 4313fd97aa
commit 9f181014a1
3 changed files with 14 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/components/camera/AutoUpdatingCameraImage.tsx
View File

@@ -69,7 +69,7 @@ export default function AutoUpdatingCameraImage({
<CameraImage
camera={camera}
onload={handleLoad}
searchParams={`cache=${key}${searchParams && `&${searchParams}`}`}
searchParams={`cache=${key}${searchParams ? `&${searchParams}` : ""}`}
className={cameraClasses}
/>
{showFps ? <span className="text-xs">Displaying at {fps}fps</span> : null}

6
web/src/components/player/PreviewPlayer.tsx
View File

@@ -84,7 +84,7 @@ export default function PreviewPlayer({
return (
<div
className={cn(
"flex size-full items-center justify-center rounded-lg text-white md:rounded-2xl",
"flex size-full items-center justify-center rounded-lg bg-background_alt text-primary md:rounded-2xl",
className,
)}
>
@@ -322,7 +322,7 @@ function PreviewVideoPlayer({
)}
</video>
{cameraPreviews && !currentPreview && (
<div className="absolute inset-0 flex items-center justify-center rounded-lg text-white md:rounded-2xl">
<div className="absolute inset-0 flex items-center justify-center rounded-lg bg-background_alt text-primary md:rounded-2xl">
No Preview Found
</div>
)}
@@ -535,7 +535,7 @@ function PreviewFramesPlayer({
onLoad={onImageLoaded}
/>
{previewFrames?.length === 0 && (
<div className="-y-translate-1/2 align-center absolute inset-x-0 top-1/2 rounded-lg bg-black text-center text-white md:rounded-2xl">
<div className="-y-translate-1/2 align-center absolute inset-x-0 top-1/2 rounded-lg bg-background_alt text-center text-primary md:rounded-2xl">
No Preview Found
</div>
)}