From 3c5ed474af81d83023d947eb154a7f6660279140 Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Mon, 26 Feb 2024 12:00:49 -0700
Subject: [PATCH] Add message when there are no items to review (#10064)

---
 web/src/views/events/DesktopEventView.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/web/src/views/events/DesktopEventView.tsx b/web/src/views/events/DesktopEventView.tsx
index 631dcd83a..8bac89d64 100644
--- a/web/src/views/events/DesktopEventView.tsx
+++ b/web/src/views/events/DesktopEventView.tsx
@@ -8,7 +8,7 @@ import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group";
 import { FrigateConfig } from "@/types/frigateConfig";
 import { ReviewFilter, ReviewSegment, ReviewSeverity } from "@/types/review";
 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 useSWR from "swr";
 
@@ -276,6 +276,11 @@ export default function DesktopEventView({
             </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">
             {currentItems ? (
               currentItems.map((value, segIdx) => {