why

Author: jehousoh

frontend/src/app/collaboration/components/video.tsx

@@ -175,6 +175,7 @@ const VideoCall = ({ provider }: VideoCallProps) => {
   };
 
   const startCall = async () => {
+    console.log("starting call");
     setVideoStart(true);
     console.log(peerConnectionRef.current);
     if (peerConnectionRef.current) {
@@ -204,6 +205,11 @@ const VideoCall = ({ provider }: VideoCallProps) => {
     }
   };
 
+  const callButton = async () => {
+    console.log("button pressed");
+    await startCall();
+  };
+
   useEffect(() => {
     const awarenessListener = ({
       added,
@@ -355,7 +361,7 @@ const VideoCall = ({ provider }: VideoCallProps) => {
         </div>
       </div>
       {!videoStart && (
-        <Button onClick={startCall} className="self-end ml-4">
+        <Button onClick={callButton} className="self-end ml-4">
           Start Video Call
         </Button>
       )}