From a56a69a0aa083bf3c5baf72494dc6caa2c2ddf48 Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Thu, 6 Jun 2024 23:17:15 -0500
Subject: [PATCH] Show message for no motion data

---
 web/src/views/events/EventView.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/web/src/views/events/EventView.tsx b/web/src/views/events/EventView.tsx
index 1766be745..157dab9f9 100644
--- a/web/src/views/events/EventView.tsx
+++ b/web/src/views/events/EventView.tsx
@@ -30,7 +30,7 @@ import {
   useState,
 } from "react";
 import { isDesktop, isMobile } from "react-device-detect";
-import { LuFolderCheck } from "react-icons/lu";
+import { LuFolderCheck, LuFolderX } from "react-icons/lu";
 import { MdCircle } from "react-icons/md";
 import useSWR from "swr";
 import MotionReviewTimeline from "@/components/timeline/MotionReviewTimeline";
@@ -858,6 +858,15 @@ function MotionReview({
     ],
   );
 
+  if (motionData?.length === 0) {
+    return (
+      <div className="absolute left-1/2 top-1/2 flex -translate-x-1/2 -translate-y-1/2 flex-col items-center justify-center text-center">
+        <LuFolderX className="size-16" />
+        No motion data found
+      </div>
+    );
+  }
+
   if (!relevantPreviews) {
     return <ActivityIndicator />;
   }