Add message when there are no items to review (#10064)

This commit is contained in:
Nicolas Mowen 2024-02-26 12:00:49 -07:00 committed by GitHub
parent 93bd9ded88
commit 3c5ed474af
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -8,7 +8,7 @@ import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group";
import { FrigateConfig } from "@/types/frigateConfig"; import { FrigateConfig } from "@/types/frigateConfig";
import { ReviewFilter, ReviewSegment, ReviewSeverity } from "@/types/review"; import { ReviewFilter, ReviewSegment, ReviewSeverity } from "@/types/review";
import { useCallback, useEffect, useMemo, useRef, useState } from "react"; import { useCallback, useEffect, useMemo, useRef, useState } from "react";
import { LuRefreshCcw } from "react-icons/lu"; import { LuFolderCheck, LuRefreshCcw } from "react-icons/lu";
import { MdCircle } from "react-icons/md"; import { MdCircle } from "react-icons/md";
import useSWR from "swr"; import useSWR from "swr";
@ -276,6 +276,11 @@ export default function DesktopEventView({
</div> </div>
)} )}
<div className="absolute w-full h-full flex flex-col justify-center items-center">
<LuFolderCheck className="w-16 h-16" />
There are no {severity} items to review
</div>
<div className="w-full mr-4 md:grid md:grid-cols-3 3xl:grid-cols-4 gap-4"> <div className="w-full mr-4 md:grid md:grid-cols-3 3xl:grid-cols-4 gap-4">
{currentItems ? ( {currentItems ? (
currentItems.map((value, segIdx) => { currentItems.map((value, segIdx) => {