From 9c62253f3003fddfac325f94f4dfe90916ec1cfb Mon Sep 17 00:00:00 2001
From: Miroslav Pejic <miroslav.pejic.85@gmail.com>
Date: Sat, 9 Nov 2024 23:52:35 +0100
Subject: [PATCH] [mirotalksfu] - fix avatars videoBar

---
 app/src/Server.js        | 2 +-
 package.json             | 2 +-
 public/css/VideoGrid.css | 7 +++++--
 public/js/Room.js        | 4 ++--
 public/js/RoomClient.js  | 7 +++++--
 5 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/app/src/Server.js b/app/src/Server.js
index 1c28c867..6eed9895 100644
--- a/app/src/Server.js
+++ b/app/src/Server.js
@@ -55,7 +55,7 @@ dev dependencies: {
  * @license For commercial or closed source, contact us at license.mirotalk@gmail.com or purchase directly via CodeCanyon
  * @license CodeCanyon: https://codecanyon.net/item/mirotalk-sfu-webrtc-realtime-video-conferences/40769970
  * @author  Miroslav Pejic - miroslav.pejic.85@gmail.com
- * @version 1.6.28
+ * @version 1.6.29
  *
  */
 
diff --git a/package.json b/package.json
index 9ad4e884..7a7e07d6 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "mirotalksfu",
-    "version": "1.6.28",
+    "version": "1.6.29",
     "description": "WebRTC SFU browser-based video calls",
     "main": "Server.js",
     "scripts": {
diff --git a/public/css/VideoGrid.css b/public/css/VideoGrid.css
index 39585754..dd84254f 100644
--- a/public/css/VideoGrid.css
+++ b/public/css/VideoGrid.css
@@ -156,6 +156,7 @@
     background: var(--btns-bg-color);
 }
 
+.videoAvatarMenuBar,
 .videoMenuBarShare {
     z-index: 2;
     position: absolute;
@@ -174,6 +175,7 @@
 
 .videoMenuBar input,
 .videoMenuBar button,
+.videoAvatarMenuBar button,
 .videoMenuBarShare button {
     font-size: 1.2rem;
     float: right;
@@ -184,8 +186,9 @@
     border: none;
 }
 
-.videoMenuBarShare button:hover,
-.videoMenuBar button:hover {
+.videoMenuBar button:hover,
+.videoAvatarMenuBar button:hover,
+.videoMenuBarShare button:hover {
     color: grey;
     transition: all 0.3s ease-in-out;
 }
diff --git a/public/js/Room.js b/public/js/Room.js
index d9691f16..422e54ad 100644
--- a/public/js/Room.js
+++ b/public/js/Room.js
@@ -11,7 +11,7 @@ if (location.href.substr(0, 5) !== 'https') location.href = 'https' + location.h
  * @license For commercial or closed source, contact us at license.mirotalk@gmail.com or purchase directly via CodeCanyon
  * @license CodeCanyon: https://codecanyon.net/item/mirotalk-sfu-webrtc-realtime-video-conferences/40769970
  * @author  Miroslav Pejic - miroslav.pejic.85@gmail.com
- * @version 1.6.28
+ * @version 1.6.29
  *
  */
 
@@ -4603,7 +4603,7 @@ function showAbout() {
         imageUrl: image.about,
         customClass: { image: 'img-about' },
         position: 'center',
-        title: 'WebRTC SFU v1.6.28',
+        title: 'WebRTC SFU v1.6.29',
         html: `
         <br />
         <div id="about">
diff --git a/public/js/RoomClient.js b/public/js/RoomClient.js
index a152a232..82bace2b 100644
--- a/public/js/RoomClient.js
+++ b/public/js/RoomClient.js
@@ -8273,6 +8273,7 @@ class RoomClient {
                     'Angela in Black Dress',
                     'Kayla in Casual Suit',
                     'Anna in Brown T-shirt',
+                    'Anna in White T-shirt',
                     'Briana in Brown suit',
                     'Justin in White Shirt',
                     'Leah in Black Suit',
@@ -8280,7 +8281,9 @@ class RoomClient {
                     'Tyler in Casual Suit',
                     'Tyler in Shirt',
                     'Tyler in Suit',
-                    'default',
+                    'Edward in Blue Shirt',
+                    'Susan in Black Shirt',
+                    'Monica in Sleeveless',
                 ];
 
                 //console.log('AVATARS LISTS', completion.response.avatars);
@@ -8408,7 +8411,7 @@ class RoomClient {
     async handleVideoAI() {
         const vb = document.createElement('div');
         vb.setAttribute('id', 'avatar__vb');
-        vb.className = 'videoMenuBar fadein';
+        vb.className = 'videoAvatarMenuBar fadein';
 
         const fs = this.createButton('avatar__fs', html.fullScreen);
         const pin = this.createButton('avatar__pin', html.pin);