From 805bc73e0b476ad7f5376547c3056e0970ce2efe Mon Sep 17 00:00:00 2001
From: Ben Allen <allen-b@outlook.com>
Date: Sat, 28 Mar 2020 03:06:46 +0000
Subject: [PATCH] mic locking for touchscreens (in bootstrap)

---
 src/showplanner/index.tsx | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/showplanner/index.tsx b/src/showplanner/index.tsx
index 2c89c5f..8760d22 100644
--- a/src/showplanner/index.tsx
+++ b/src/showplanner/index.tsx
@@ -296,6 +296,7 @@ function MicControl() {
   const [micList, setMicList] = useState(dummylist);
   const dispatch = useDispatch();
   const [micSource, setMicSource] = useState("None")
+  const [lock, setLock] = useState(false)
 
   if (gotMicList == false){
     navigator.mediaDevices.enumerateDevices()
@@ -316,16 +317,21 @@ function MicControl() {
     return temp
   }
 
+  function toggleCheck(){setLock(!lock)}
+
   return (
     <div className="sp-col" style={{ height: "48%", overflowY: "visible" }}>
       <h2>Microphone</h2>
       <button
-        disabled={state.id == micSource}
+        disabled={state.id == micSource || lock}
         onClick={() => dispatch(MixerState.openMicrophone(micSource))}
       >
         Open
       </button>
-
+      <div className="custom-control custom-checkbox">
+      <input className="custom-control-input" type="checkbox" id="micLock" onChange={toggleCheck}></input>
+      <label className="custom-control-label" htmlFor="micLock" style={{marginLeft:"8px"}}> Lock Microphone</label>
+      </div>
       <select
         className="form-control"
         style={{ width: "100%" }}
@@ -334,12 +340,11 @@ function MicControl() {
       >
         <option value={"None"} disabled label="Choose a microphone"></option>
         {
-          micList.map(e => {
-            return <option value={e.deviceId}>{e.label}</option>;
+          micList.map(function(e,i) {
+            return <option value={e.deviceId} key={i}>{e.label}</option>;
           })
         }
       </select>
-
       {state.openError !== null && (
         <div className="sp-alert">
           {state.openError === "NO_PERMISSION"