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

Activity indicator for alerts/detections count when loading

Browse Source
This commit is contained in:
Josh Hawkins 2024-06-12 13:11:07 -05:00
parent e3c8901549
commit b95a2a1823
1 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -90,7 +90,7 @@ export default function EventView({
const reviewCounts = useMemo(() => { const reviewCounts = useMemo(() => {
if (!reviewSummary) { if (!reviewSummary) {
return { alert: 0, detection: 0, significant_motion: 0 }; return { alert: -1, detection: -1, significant_motion: -1 };
} }
let summary; let summary;
@ -248,8 +248,13 @@ export default function EventView({
aria-label="Select alerts" aria-label="Select alerts"
> >
<MdCircle className="size-2 text-severity_alert md:mr-[10px]" /> <MdCircle className="size-2 text-severity_alert md:mr-[10px]" />
<div className="hidden md:block"> <div className="hidden md:flex md:flex-row md:items-center">
Alerts{` ∙ ${reviewCounts.alert > -1 ? reviewCounts.alert : ""}`} Alerts
{reviewCounts.alert > -1 ? (
` ∙ ${reviewCounts.alert}`
) : (
<ActivityIndicator className="ml-2 size-4" />
)}
</div> </div>
</ToggleGroupItem> </ToggleGroupItem>
<ToggleGroupItem <ToggleGroupItem
@ -258,9 +263,13 @@ export default function EventView({
aria-label="Select detections" aria-label="Select detections"
> >
<MdCircle className="size-2 text-severity_detection md:mr-[10px]" /> <MdCircle className="size-2 text-severity_detection md:mr-[10px]" />
<div className="hidden md:block"> <div className="hidden md:flex md:flex-row md:items-center">
Detections Detections
{` ∙ ${reviewCounts.detection > -1 ? reviewCounts.detection : ""}`} {reviewCounts.detection > -1 ? (
` ∙ ${reviewCounts.detection}`
) : (
<ActivityIndicator className="ml-2 size-4" />
)}
</div> </div>
</ToggleGroupItem> </ToggleGroupItem>
<ToggleGroupItem <ToggleGroupItem