diff --git a/ui/v2.5/src/components/ScenePlayer/ScenePlayer.tsx b/ui/v2.5/src/components/ScenePlayer/ScenePlayer.tsx index 38abbd184..527985766 100644 --- a/ui/v2.5/src/components/ScenePlayer/ScenePlayer.tsx +++ b/ui/v2.5/src/components/ScenePlayer/ScenePlayer.tsx @@ -112,6 +112,24 @@ function handleHotkeys(player: VideoJsPlayer, event: videojs.KeyboardEvent) { } } +type MarkerFragment = Pick & { + primary_tag: Pick; + tags: Array>; +}; + +function getMarkerTitle(marker: MarkerFragment) { + if (marker.title) { + return marker.title; + } + + let ret = marker.primary_tag.name; + if (marker.tags.length) { + ret += `, ${marker.tags.map((t) => t.name).join(", ")}`; + } + + return ret; +} + interface IScenePlayerProps { className?: string; scene: GQL.SceneDataFragment | undefined | null; @@ -416,7 +434,7 @@ export const ScenePlayer: React.FC = ({ markers.clearMarkers(); for (const marker of scene.scene_markers) { markers.addMarker({ - title: marker.title, + title: getMarkerTitle(marker), time: marker.seconds, }); }