From 20578de9d00225a5608eb4a091fef3ef88d4f71d Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Mon, 26 Feb 2024 13:47:20 -0700
Subject: [PATCH] Conditionally show no items (#10065)

* Conditionally show no items

* Clean up view
---
 web/src/views/events/DesktopEventView.tsx | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/web/src/views/events/DesktopEventView.tsx b/web/src/views/events/DesktopEventView.tsx
index 8bac89d64..5008ad1bb 100644
--- a/web/src/views/events/DesktopEventView.tsx
+++ b/web/src/views/events/DesktopEventView.tsx
@@ -91,8 +91,8 @@ export default function DesktopEventView({
       return false;
     }
 
-    return contentRef.current.scrollHeight > contentRef.current.clientHeight
-  }, [contentRef.current?.scrollHeight])
+    return contentRef.current.scrollHeight > contentRef.current.clientHeight;
+  }, [contentRef.current?.scrollHeight]);
 
   // review interaction
 
@@ -276,10 +276,12 @@ 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>
+          {reachedEnd && currentItems == null && (
+            <div className="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 ? (