skeleton for timeline

This commit is contained in:
Josh Hawkins 2024-04-04 15:48:02 -05:00
parent cd1cf0188b
commit 10efb80be2

View File

@ -870,28 +870,32 @@ function MotionReview({
</div> </div>
</div> </div>
<div className="w-[55px] md:w-[100px] overflow-y-auto no-scrollbar"> <div className="w-[55px] md:w-[100px] overflow-y-auto no-scrollbar">
<MotionReviewTimeline {motionData ? (
segmentDuration={segmentDuration} <MotionReviewTimeline
timestampSpread={15} segmentDuration={segmentDuration}
timelineStart={timeRangeSegments.end} timestampSpread={15}
timelineEnd={timeRangeSegments.start} timelineStart={timeRangeSegments.end}
motionOnly={motionOnly} timelineEnd={timeRangeSegments.start}
showHandlebar motionOnly={motionOnly}
handlebarTime={currentTime} showHandlebar
setHandlebarTime={setCurrentTime} handlebarTime={currentTime}
events={reviewItems?.all ?? []} setHandlebarTime={setCurrentTime}
motion_events={motionData ?? []} events={reviewItems?.all ?? []}
severityType="significant_motion" motion_events={motionData ?? []}
contentRef={contentRef} severityType="significant_motion"
onHandlebarDraggingChange={(scrubbing) => { contentRef={contentRef}
if (playing && scrubbing) { onHandlebarDraggingChange={(scrubbing) => {
setPlaying(false); if (playing && scrubbing) {
} setPlaying(false);
}
setScrubbing(scrubbing); setScrubbing(scrubbing);
}} }}
dense={isMobile} dense={isMobile}
/> />
) : (
<Skeleton className="rounded-2xl size-full" />
)}
</div> </div>
<VideoControls <VideoControls