fix: enable press to talk button

use same cb for hotkey and press to talk button
Eyevinn · Apr 26, 2024 · 783c615 · 783c615
1 parent 141b56d
commit 783c615
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 7 deletions.
diff --git a/src/components/production-line/long-press-to-talk-button.tsx b/src/components/production-line/long-press-to-talk-button.tsx
@@ -4,7 +4,7 @@ import { PrimaryButton } from "../landing-page/form-elements";
 import { isMobile } from "../../bowser";
 
 type TLongPressToTalkButton = {
-  setMicMute: (input: boolean) => void;
+  muteInput: (input: boolean) => void;
 };
 
 const Button = styled(PrimaryButton)`
@@ -31,7 +31,7 @@ const Button = styled(PrimaryButton)`
 `;
 
 export const LongPressToTalkButton = ({
-  setMicMute,
+  muteInput,
 }: TLongPressToTalkButton) => {
   const [isToggled, setIsToggled] = useState(false);
   const [longPressTimeout, setLongPressTimeout] =
@@ -55,14 +55,14 @@ export const LongPressToTalkButton = ({
     switch (e.type) {
       case "pointerdown":
         timeoutId = setTimeout(() => {
-          setMicMute(false);
+          muteInput(false);
           setIsToggled(true);
         }, 300);
         setLongPressTimeout(timeoutId);
         break;
       case "pointerup":
         setIsToggled(false);
-        setMicMute(true);
+        muteInput(true);
         clearTimeout(longPressTimeout);
         break;
       default:

diff --git a/src/components/production-line/production-line.tsx b/src/components/production-line/production-line.tsx
@@ -238,9 +238,7 @@ export const ProductionLine: FC = () => {
 
               {inputAudioStream && inputAudioStream !== "no-device" && (
                 <LongPressWrapper>
-                  <LongPressToTalkButton
-                    setMicMute={(input: boolean) => setIsInputMuted(input)}
-                  />
+                  <LongPressToTalkButton muteInput={muteInput} />
                 </LongPressWrapper>
               )}