From 2e7b7c9d86b5849dad28e1fa205a3f58883d9754 Mon Sep 17 00:00:00 2001
From: Snarling <84951833+Snarling@users.noreply.github.com>
Date: Sun, 17 Apr 2022 15:57:35 -0400
Subject: [PATCH] Enable touch-clicks in react-draggable

Add onTouchEnd events for click functions inside react-draggable. Necessary because react-draggable prevents default click behavior.
---
 src/ui/React/LogBoxManager.tsx | 8 ++++----
 src/ui/React/Overview.tsx      | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/ui/React/LogBoxManager.tsx b/src/ui/React/LogBoxManager.tsx
index 0b892da12..ad41ea61c 100644
--- a/src/ui/React/LogBoxManager.tsx
+++ b/src/ui/React/LogBoxManager.tsx
@@ -265,10 +265,10 @@ function LogWindow(props: IProps): React.ReactElement {
               </Typography>
 
               <Box position="absolute" right={0}>
-                {!workerScripts.has(script.pid) && <Button onClick={run}>Run</Button>}
-                {workerScripts.has(script.pid) && <Button onClick={kill}>Kill</Button>}
-                <Button onClick={minimize}>{minimized ? "\u{1F5D6}" : "\u{1F5D5}"}</Button>
-                <Button onClick={props.onClose}>Close</Button>
+                {!workerScripts.has(script.pid) && <Button onClick={run} onTouchEnd={run}>Run</Button>}
+                {workerScripts.has(script.pid) && <Button onClick={kill} onTouchEnd={kill}>Kill</Button>}
+                <Button onClick={minimize} onTouchEnd={minimize}>{minimized ? "\u{1F5D6}" : "\u{1F5D5}"}</Button>
+                <Button onClick={props.onClose} onTouchEnd={props.onClose}>Close</Button>
               </Box>
             </Box>
           </Paper>
diff --git a/src/ui/React/Overview.tsx b/src/ui/React/Overview.tsx
index d1bdf2a56..769a2cf3c 100644
--- a/src/ui/React/Overview.tsx
+++ b/src/ui/React/Overview.tsx
@@ -130,7 +130,7 @@ export function Overview({ children, mode }: IProps): React.ReactElement {
               size="small"
               className={classes.visibilityToggle}
             >
-              {<CurrentIcon className={classes.icon} color="secondary" onClick={() => setOpen((old) => !old)} />}
+              {<CurrentIcon className={classes.icon} color="secondary" onClick={() => setOpen((old) => !old)} onTouchEnd={() => setOpen((old) => !old)} />}
             </Button>
           </Box>
         </Box>