From 28fee26bc0e51c7349709acbdf5d9edcca735133 Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Wed, 31 Jul 2024 14:04:06 -0500
Subject: [PATCH] Display message in desktop events list when no events exist

---
 web/src/views/events/RecordingView.tsx | 42 +++++++++++++++-----------
 1 file changed, 24 insertions(+), 18 deletions(-)

diff --git a/web/src/views/events/RecordingView.tsx b/web/src/views/events/RecordingView.tsx
index 2613069de..ce416b873 100644
--- a/web/src/views/events/RecordingView.tsx
+++ b/web/src/views/events/RecordingView.tsx
@@ -708,25 +708,31 @@ function Timeline({
               isMobile && "sm:grid-cols-2",
             )}
           >
-            {mainCameraReviewItems.map((review) => {
-              if (review.severity == "significant_motion") {
-                return;
-              }
+            {mainCameraReviewItems.length === 0 ? (
+              <div className="mt-5 text-center text-primary">
+                No events found for this time period.
+              </div>
+            ) : (
+              mainCameraReviewItems.map((review) => {
+                if (review.severity === "significant_motion") {
+                  return;
+                }
 
-              return (
-                <ReviewCard
-                  key={review.id}
-                  event={review}
-                  currentTime={currentTime}
-                  onClick={() => {
-                    manuallySetCurrentTime(
-                      review.start_time - REVIEW_PADDING,
-                      true,
-                    );
-                  }}
-                />
-              );
-            })}
+                return (
+                  <ReviewCard
+                    key={review.id}
+                    event={review}
+                    currentTime={currentTime}
+                    onClick={() => {
+                      manuallySetCurrentTime(
+                        review.start_time - REVIEW_PADDING,
+                        true,
+                      );
+                    }}
+                  />
+                );
+              })
+            )}
           </div>
         </div>
       )}