administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-05-09 15:05:26 +03:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

don't use ternary operator when displaying motion previews

Browse Source 
the main previews were being unnecessarily unmounted
This commit is contained in:
Josh Hawkins 2026-03-08 11:49:02 -05:00
parent 6817108a95
commit d1793207b4
1 changed files with 102 additions and 98 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
web/src/views/events/EventView.tsx
View File

@ -1284,7 +1284,7 @@ function MotionReview({
return (
<>
{motionPreviewsCamera && selectedMotionPreviewCamera ? (
{selectedMotionPreviewCamera && (
<>
<div className="relative mb-2 flex h-11 items-center justify-between pl-2 pr-2 md:px-3">
<Button
@ -1465,10 +1465,15 @@ function MotionReview({
}}
/>
</>
) : (
<div className="no-scrollbar flex min-w-0 flex-1 flex-wrap content-start gap-2 overflow-y-auto md:gap-4">
)}
<div
ref={contentRef}
className={cn(
"no-scrollbar flex min-w-0 flex-1 flex-wrap content-start gap-2 overflow-y-auto md:gap-4",
selectedMotionPreviewCamera && "hidden",
)}
>
<div
ref={selectedMotionPreviewCamera ? undefined : contentRef}
className={cn(
"no-scrollbar grid w-full grid-cols-1",
isMobile && "landscape:grid-cols-2",
@ -1562,7 +1567,6 @@ function MotionReview({
})}
</div>
</div>
)}
{!selectedMotionPreviewCamera && (
<div className="no-scrollbar w-[55px] overflow-y-auto md:w-[100px]">
{motionData ? (