From ade798b1c45b83aa368e570ee78810aba2f48ee5 Mon Sep 17 00:00:00 2001
From: James Ketrenos <james_eikona@ketrenos.com>
Date: Thu, 24 Mar 2022 16:22:28 -0700
Subject: [PATCH] Make video window work with touch events

Signed-off-by: James Ketrenos <james_eikona@ketrenos.com>
---
 client/src/MediaControl.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/client/src/MediaControl.js b/client/src/MediaControl.js
index 29dbd27..fda5265 100644
--- a/client/src/MediaControl.js
+++ b/client/src/MediaControl.js
@@ -646,21 +646,22 @@ const MediaControl = ({isSelf, peer, className}) => {
     <div className="MediaControlSpacer"/>
     <div className={`MediaControl ${className}`} data-peer={peer.name}>
       <div className="Controls" >
-      { isSelf && <div onClick={toggleMute}>
+      { isSelf && <div onTouchStart={toggleMute} onClick={toggleMute}>
           { muted && <MicOff color={colorAudio}/> }
           {!muted && <Mic color={colorAudio}/> }
         </div> }
-        { !isSelf && <div onClick={toggleMute}>
+        { !isSelf && <div onTouchStart={toggleMute} onClick={toggleMute}>
           {muted && <VolumeOff color={colorAudio}/> }
           {!muted && <VolumeUp color={colorAudio}/> }
         </div> }
-        <div onClick={toggleVideo}>
+        <div onTouchStart={toggleVideo} onClick={toggleVideo}>
           { !videoOn && <VideocamOff color={colorVideo}/> }
           {videoOn && <Videocam color={colorVideo}/> }
         </div>
       </div>
       { isValid && <>
         <Moveable
+          pinchable={true}
           draggable={true}
           target={target}
           resizable={true}