video toggle update

Author: Iloveeverything

src/client/components/main/WebRTC-composer/WebRTCServerEntryForm.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect, useRef } from 'react';
+import React, { useState } from 'react';
 import { MdRefresh } from 'react-icons/md';
 
 // import '/Users/katharinehunt/Swell/src/assets/style/WebRtcEntry.css';
@@ -43,6 +43,10 @@ const WebRTCServerEntryForm: React.FC<Props> = () => {
     // toggles state os is toggled
     const newToggleState = !isToggled;
     setIsToggled(newToggleState);
+    console.log(
+      'Dispatching newRequestWebRTCSet with enableAudio:',
+      newToggleState
+    );
 
     dispatch(
       //sends action to redux store
@@ -53,22 +57,11 @@ const WebRTCServerEntryForm: React.FC<Props> = () => {
         enableAudio: newToggleState, //updates Enableaudio property in newRequestWebRTC to match toggle state
       }) //enable audio updated every time toggle state changes
     );
+    console.log(
+      'enableAudio Redux state just after dispatch:',
+      newRequestWebRTC.enableAudio
+    );
   };
-  //for testing audio only playback when other flaws are ruled out
-  const audioRef = useRef<HTMLAudioElement | null>(null);
-  // creates reference html audio element
-  //  where useRef persists values across renders without causing rerenders //initally set to null
-  // useEffect(() => {
-  //   // play audio when conditions are met
-  //   if (newRequestWebRTC.webRTCLocalStream && audioRef.current) {
-  //     // if local stream and current audio arent null
-  //     console.log('Local Mic Playing...');
-  //     audioRef.current.srcObject = newRequestWebRTC.webRTCLocalStream; // sets source of media to local stream
-  //     audioRef.current
-  //       .play()
-  //       .catch((e) => console.warn('Electron Autoplay Issue', e)); // attempts to play it
-  //   } // if error indicates it may be an issues with electron audioplayback vs video with audio
-  // }, [newRequestWebRTCSet.webRTCLocalStream]); // use effect runs whenever local stream changes
 
   return (
     <div className="mt-3">