rob
/
clipper
2
0
Fork 0
Code Issues 11 Pull Requests 1 Projects Releases Wiki Activity

Rename method, fix useEffect dependencies

This commit is contained in:
Rob Watson 2022-01-15 12:14:27 +01:00
parent 41fe0ce2b1
commit bb3366ac9a
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/App.tsx
View File

@ -120,7 +120,7 @@ function App(): JSX.Element {
useEffect(() => { useEffect(() => {
document.addEventListener('keypress', handleKeyPress); document.addEventListener('keypress', handleKeyPress);
return () => document.removeEventListener('keypress', handleKeyPress); return () => document.removeEventListener('keypress', handleKeyPress);
}, [playState]); }, [selection, playState]);
// load audio when MediaSet is loaded: // load audio when MediaSet is loaded:
useEffect(() => { useEffect(() => {
@ -195,7 +195,7 @@ function App(): JSX.Element {
return; return;
} }
handleTogglePlay(); togglePlay();
}; };
// handler called when the selection in the overview (zoom setting) is changed. // handler called when the selection in the overview (zoom setting) is changed.
@ -229,7 +229,7 @@ function App(): JSX.Element {
video.currentTime = currentTime; video.currentTime = currentTime;
}; };
const handleTogglePlay = () => { const togglePlay = () => {
if (playState == PlayState.Paused) { if (playState == PlayState.Paused) {
play(); play();
} else { } else {
@ -417,7 +417,7 @@ function App(): JSX.Element {
</div> </div>
<ControlBar <ControlBar
playState={playState} playState={playState}
onTogglePlay={handleTogglePlay} onTogglePlay={togglePlay}
onClip={handleClip} onClip={handleClip}
onZoomIn={handleZoomIn} onZoomIn={handleZoomIn}
onZoomOut={handleZoomOut} onZoomOut={handleZoomOut}