[mirotalksfu] - ui

public/css/Room.css

@@ -448,6 +448,18 @@ body {
     color: #fff;
 }
 
+/*--------------------------------------------------------------
+# Chat private button reply
+--------------------------------------------------------------*/
+
+.msger-reply-btn {
+    font-size: 0.9rem;
+    padding: 5px;
+    background: var(--msger-bg);
+    border-radius: 5px;
+    border: none;
+}
+
 /*--------------------------------------------------------------
 # Chat room input area
 --------------------------------------------------------------*/

public/js/RoomClient.js

@@ -1906,6 +1906,7 @@ class RoomClient {
                 popup: 'animate__animated animate__fadeOutUp',
             },
         }).then((result) => {
+            if (result.value) {
                 let peer_msg = this.formatMsg(result.value);
                 if (!peer_msg) return;
                 let data = {
@@ -1919,6 +1920,7 @@ class RoomClient {
                 this.setMsgAvatar('right', this.peer_name);
                 this.appendMessage('right', this.rightMsgAvatar, this.peer_name, this.peer_id, peer_msg, to_peer_id);
                 if (!this.isChatOpen) this.toggleChat();
+            }
         });
     }
 
@@ -1940,7 +1942,7 @@ class RoomClient {
         let replyMsg =
             fromId === this.peer_id
                 ? '<hr/>(private message)'
-                : `<hr/><button onclick="rc.sendMessageTo('${fromId}')">${_PEER.sendMsg} Reply (private)</button>`;
+                : `<hr/><button class="msger-reply-btn" onclick="rc.sendMessageTo('${fromId}')">${_PEER.sendMsg} Reply (private)</button>`;
         let message = toId == 'all' ? msg : msg + replyMsg;
         let msgHTML = `
         <div class="msg ${side}-msg">