Enable double click to exit fullscreen milkdrop

This commit is contained in:
Jordan Eldredge 2019-03-10 14:16:59 -07:00
parent 5400be9638
commit 322bf276a8

View file

@ -96,7 +96,8 @@ function Milkdrop(props: Props) {
}, [props.selectNextPreset, props.presetsAreCycling]);
const toggleFullscreen = useCallback(() => setIsFullscreen(!isFullscreen), [
setIsFullscreen
setIsFullscreen,
isFullscreen
]);
const screenSize = useScreenSize();
@ -127,8 +128,9 @@ function Milkdrop(props: Props) {
/>
)}
<Fullscreen enabled={isFullscreen} onChange={setIsFullscreen}>
{/* TODO: Figure out how to let double clicking exit fullscreen */}
<Visualizer {...size} analyser={props.analyser} />
<div onDoubleClick={toggleFullscreen}>
<Visualizer {...size} analyser={props.analyser} />
</div>
</Fullscreen>
</DropTarget>
</Background>