From 5bddd4463dbdd31ca7e093166b9dcd5537dd601d Mon Sep 17 00:00:00 2001
From: Arya Vohra <arya.vohra04@gmail.com>
Date: Thu, 4 Jun 2020 12:49:34 +0800
Subject: [PATCH] Generating colors at the right rtime

---
 public/js/chat.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/public/js/chat.js b/public/js/chat.js
index df4812d..0c528af 100644
--- a/public/js/chat.js
+++ b/public/js/chat.js
@@ -37,10 +37,10 @@ var VideoChat = {
   socket: io(),
   remoteVideoWrapper: document.getElementById("wrapper"),
   localVideo: document.getElementById("local-video"),
+  peerColors: new Map(),
   peerConnections: new Map(),
   recognition: undefined,
   borderColor: undefined,
-  peerColors: new Map(),
 
   // Call to getUserMedia (provided by adapter.js for cross browser compatibility)
   // asking for access to both the video and audio streams. If the request is
@@ -98,17 +98,17 @@ var VideoChat = {
       },
     });
 
-    VideoChat.borderColor = uuidToColor(VideoChat.socket.id);
     VideoChat.localVideo.srcObject = stream;
-    VideoChat.localVideo.style.border = `3px solid ${VideoChat.borderColor}`;
 
     // Now we're ready to join the chat room.
     VideoChat.socket.emit("join", roomHash);
+    VideoChat.borderColor = uuidToColor(VideoChat.socket.id);
+    VideoChat.localVideo.style.border = `3px solid ${VideoChat.borderColor}`;
 
     // Add listeners to the websocket
     VideoChat.socket.on("full", chatRoomFull);
     VideoChat.socket.on("offer", VideoChat.onOffer);
-    VideoChat.socket.on("willInitiateCall", VideoChat.call);
+    VideoChat.socket.on("initiateCall", VideoChat.call);
 
     // Set up listeners on the socket
     VideoChat.socket.on("candidate", VideoChat.onCandidate);