diff options
Diffstat (limited to 'apps/web/src/hooks/use-element-preview.ts')
| -rw-r--r-- | apps/web/src/hooks/use-element-preview.ts | 13 |
1 files changed, 7 insertions, 6 deletions
diff --git a/apps/web/src/hooks/use-element-preview.ts b/apps/web/src/hooks/use-element-preview.ts index d717143d..4f28be83 100644 --- a/apps/web/src/hooks/use-element-preview.ts +++ b/apps/web/src/hooks/use-element-preview.ts @@ -1,5 +1,5 @@ import { useEditor } from "@/hooks/use-editor";
-import type { TimelineElement } from "@/lib/timeline";
+import { findTrackInSceneTracks, type TimelineElement } from "@/lib/timeline";
/**
* Subscribes to render tracks and returns the live (preview-aware) version of
@@ -18,13 +18,14 @@ export function useElementPreview<T extends TimelineElement>({ fallback: T;
}) {
const editor = useEditor();
- useEditor((e) => e.timeline.getRenderTracks());
+ useEditor((e) => e.timeline.getPreviewTracks());
+ const previewTracks = editor.timeline.getPreviewTracks();
const renderElement =
- (editor.timeline
- .getRenderTracks()
- .find((t) => t.id === trackId)
- ?.elements.find((el) => el.id === elementId) as T | undefined) ??
+ (findTrackInSceneTracks({
+ tracks: previewTracks ?? editor.scenes.getActiveScene().tracks,
+ trackId,
+ })?.elements.find((element) => element.id === elementId) as T | undefined) ??
fallback;
const previewUpdates = (updates: Partial<TimelineElement>) =>
|