From 71374e16e0e0a819ff9518c93453392ff26c58f1 Mon Sep 17 00:00:00 2001
From: heyhiru <hirentimbadiya74@gmail.com>
Date: Mon, 13 Nov 2023 13:10:59 +0530
Subject: [PATCH] hide sendstream button on connection

Signed-off-by: heyhiru <hirentimbadiya74@gmail.com>
---
 client/src/pages/room/[slug].jsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/client/src/pages/room/[slug].jsx b/client/src/pages/room/[slug].jsx
index a36b1e5..2b1e38f 100644
--- a/client/src/pages/room/[slug].jsx
+++ b/client/src/pages/room/[slug].jsx
@@ -11,6 +11,7 @@ const RoomPage = () => {
     const [isAudioMute, setIsAudioMute] = useState(false);
     const [isVideoOnHold, setIsVideoOnHold] = useState(false);
     const [callButton, setCallButton] = useState(true);
+    const [isSendButtonVisible, setIsSendButtonVisible] = useState(true);
 
     const handleUserJoined = useCallback(({ email, id }) => {
         //! console.log(`Email ${email} joined the room!`);
@@ -34,6 +35,7 @@ const RoomPage = () => {
         for (const track of myStream.getTracks()) {
             peer.peer.addTrack(track, myStream);
         }
+        setIsSendButtonVisible(false);
     }, [myStream]);
 
     const handleCallAccepted = useCallback(({ from, ans }) => {
@@ -195,7 +197,7 @@ const RoomPage = () => {
         <div className='flex flex-col items-center justify-center h-screen'>
             <h1 className='font-bold text-7xl md:text-5xl p-3'>RoomPage</h1>
             <h4 className='font-bold text-4xl md:text-xl p-3 mb-4'>{remoteSocketId ? "Connected" : "No One In Room"}</h4>
-            {(myStream || remoteStream) &&
+            {(remoteStream && remoteSocketId && isSendButtonVisible) &&
                 <button className='bg-green-500 hover:bg-green-600' onClick={sendStreams}>
                     Send Stream
                 </button>