From 322bf276a8bd8f544dc8650c2be25e826d0253ed Mon Sep 17 00:00:00 2001
From: Jordan Eldredge <jordan@jordaneldredge.com>
Date: Sun, 10 Mar 2019 14:16:59 -0700
Subject: [PATCH] Enable double click to exit fullscreen milkdrop

---
 js/components/MilkdropWindow/index.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/js/components/MilkdropWindow/index.tsx b/js/components/MilkdropWindow/index.tsx
index e6b15821..8a381e94 100644
--- a/js/components/MilkdropWindow/index.tsx
+++ b/js/components/MilkdropWindow/index.tsx
@@ -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>