From e66cfbce99f9ed0bcd37c349bd817fc022e2fcdd Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Tue, 3 Dec 2024 08:58:01 -0600
Subject: [PATCH] use swr loading state

---
 web/src/views/recording/RecordingView.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/views/recording/RecordingView.tsx b/web/src/views/recording/RecordingView.tsx
index 3d8548bd7..4a2c07ba2 100644
--- a/web/src/views/recording/RecordingView.tsx
+++ b/web/src/views/recording/RecordingView.tsx
@@ -687,7 +687,7 @@ function Timeline({
 
   // motion data
 
-  const { data: motionData } = useSWR<MotionData[]>([
+  const { data: motionData, isLoading } = useSWR<MotionData[]>([
     "review/activity/motion",
     {
       before: timeRange.before,
@@ -725,7 +725,7 @@ function Timeline({
       <div className="pointer-events-none absolute inset-x-0 top-0 z-20 h-[30px] w-full bg-gradient-to-b from-secondary to-transparent"></div>
       <div className="pointer-events-none absolute inset-x-0 bottom-0 z-20 h-[30px] w-full bg-gradient-to-t from-secondary to-transparent"></div>
       {timelineType == "timeline" ? (
-        motionData ? (
+        !isLoading ? (
           <MotionReviewTimeline
             segmentDuration={zoomSettings.segmentDuration}
             timestampSpread={zoomSettings.timestampSpread}