diff options
Diffstat (limited to 'pages/editor.tsx')
| -rw-r--r-- | pages/editor.tsx | 14 |
1 files changed, 11 insertions, 3 deletions
diff --git a/pages/editor.tsx b/pages/editor.tsx index 29420ce..67595f3 100644 --- a/pages/editor.tsx +++ b/pages/editor.tsx @@ -57,7 +57,12 @@ import { mdiCursorDefault } from '@mdi/js'; import DescriptionRoundedIcon from '@material-ui/icons/DescriptionRounded'; var keyframeInAnimations: { [key: string]: { x: number; y: number; }; } = {}; -var slideAPIs: { [key: string]: any; }[] = []; +export interface slideAPIprops { + frame: number; + begin: number; + y: number; +} +var slideAPIs: { [key: string]: SpringRef<slideAPIprops>; }[] = []; var player = new TimedVideoPlayer(); var project = new Project(); @@ -276,7 +281,7 @@ function TimelineKeyframe(props: { var [firstRender, setFirstRender] = useState(true); - var [spring, api] = useSpring(() => ({ + var [spring, api] = useSpring<slideAPIprops>(() => ({ frame: props.slide.frame, begin: (props.slide as loopSlide).beginFrame || 0, y: 44, @@ -1215,6 +1220,8 @@ function SlideSettings() { slide={selection[0]} global={global} player={player} + api={slideAPIs[selection[0].id.value]} + select={select} />} <div className='section'> <span className='title'>Click through behavior</span> @@ -1266,7 +1273,8 @@ function Tools() { return <div className='tools'> <div className={'time posrel ' + (ready.timeline.get() ? '' : 'disabled')}> - <span className='framerate numbers posabs l0 t0'>@{project?.video?.framerate}fps</span> + {typeof project?.video?.framerate !== 'undefined' + && <span className='framerate numbers posabs l0 t0'>@{project?.video?.framerate}fps</span>} <h2 className='timecode numbers posabs r0 t0'> {player.frameToTimestampString(frame.get(), false)} </h2> |