diff --git a/web/src/components/timeline/EventReviewTimeline.tsx b/web/src/components/timeline/EventReviewTimeline.tsx index 88cf515c1..6b23ac610 100644 --- a/web/src/components/timeline/EventReviewTimeline.tsx +++ b/web/src/components/timeline/EventReviewTimeline.tsx @@ -97,6 +97,7 @@ export function EventReviewTimeline({ minimapEndTime={minimapEndTime} severityType={severityType} contentRef={contentRef} + setHandlebarTime={setHandlebarTime} /> ); }); diff --git a/web/src/components/timeline/EventSegment.tsx b/web/src/components/timeline/EventSegment.tsx index c91e3cc11..ed86ee66c 100644 --- a/web/src/components/timeline/EventSegment.tsx +++ b/web/src/components/timeline/EventSegment.tsx @@ -29,6 +29,7 @@ type EventSegmentProps = { minimapEndTime?: number; severityType: ReviewSeverity; contentRef: RefObject; + setHandlebarTime?: React.Dispatch>; }; export function EventSegment({ @@ -41,6 +42,7 @@ export function EventSegment({ minimapEndTime, severityType, contentRef, + setHandlebarTime, }: EventSegmentProps) { const { getSeverity, @@ -192,6 +194,10 @@ export function EventSegment({ element.classList.add("outline-0", "shadow-none"); }, 3000); } + + if (setHandlebarTime) { + setHandlebarTime(startTimestamp); + } } // we know that these deps are correct // eslint-disable-next-line react-hooks/exhaustive-deps