From b92c8efc16f7adbd4a523bbbdd7495be06c7debc Mon Sep 17 00:00:00 2001
From: Miroslav Pejic <miroslav.pejic.85@gmail.com>
Date: Thu, 1 Sep 2022 07:40:49 +0200
Subject: [PATCH] [mirotalksfu] - improve handle video Pin/Unpin

---
 public/js/RoomClient.js | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/public/js/RoomClient.js b/public/js/RoomClient.js
index 25d4a50e..3b81d4e4 100644
--- a/public/js/RoomClient.js
+++ b/public/js/RoomClient.js
@@ -1890,11 +1890,13 @@ class RoomClient {
             btnPn.addEventListener('click', () => {
                 this.isVideoPinned = !this.isVideoPinned;
                 if (this.isVideoPinned) {
-                    cam.removeChild(videoPlayer);
+                    cam.className = '';
+                    cam.style.width = '100%';
+                    cam.style.height = '100%';
                     this.videoMediaContainer.style.width = '25%';
                     this.videoMediaContainer.style.left = null;
                     this.videoMediaContainer.style.right = 0;
-                    this.videoPinMediaContainer.appendChild(videoPlayer);
+                    this.videoPinMediaContainer.appendChild(cam);
                     this.videoPinMediaContainer.style.display = 'block';
                     this.pinnedVideoPlayerId = elemId;
                     setColor(btnPn, 'lime');
@@ -1908,8 +1910,8 @@ class RoomClient {
                             3000,
                         );
                     }
-                    this.videoPinMediaContainer.removeChild(videoPlayer);
-                    cam.appendChild(videoPlayer);
+                    this.videoPinMediaContainer.removeChild(cam);
+                    cam.className = 'Camera';
                     this.videoMediaContainer.style.width = '100%';
                     this.videoMediaContainer.style.right = null;
                     this.videoMediaContainer.style.left = 0;