From 5ff4d347534480543f3a6ec0324c45a647af748a Mon Sep 17 00:00:00 2001
From: RossAscends <124905043+RossAscends@users.noreply.github.com>
Date: Fri, 14 Apr 2023 03:27:49 +0900
Subject: [PATCH] updated missing avatars to be a webfont display

---
 public/index.html | 4 +---
 public/script.js  | 4 +++-
 public/style.css  | 6 +++++-
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/public/index.html b/public/index.html
index eaba9f7a0..613b4ca3c 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1356,9 +1356,7 @@
                 </div>
                 <div id="rm_group_chats_block" class="right_menu">
                     <div id="rm_group_top_bar">
-                        <div id="rm_button_back_from_group" class="menu_button">
-                            <div alt="" class="fa-solid fa-left-long "></div>
-                        </div>
+                        <div id="rm_button_back_from_group" class="menu_button fa-solid fa-left-long"></div>
                         <input id="rm_group_chat_name" class="text_pole" type="text" name="chat_name" placeholder="Chat Name (Optional)" />
                     </div>
                     <div id="rm_group_buttons">
diff --git a/public/script.js b/public/script.js
index b1b8903ab..235f9210a 100644
--- a/public/script.js
+++ b/public/script.js
@@ -961,7 +961,9 @@ function addOneMessage(mes, type = "normal", insertAfter = null) {
     }
 
     newMessage.find('.avatar img').on('error', function () {
-        $(this).attr("src", "/img/user-slash-solid.svg");
+        /* $(this).attr("src", "/img/user-slash-solid.svg"); */
+        $(this).hide();
+        $(this).parent().html(`<div class="missing-avatar fa-solid fa-user-slash"></div>`);
     });
 
     if (type === 'swipe') {
diff --git a/public/style.css b/public/style.css
index 93223f7dd..edb435630 100644
--- a/public/style.css
+++ b/public/style.css
@@ -2377,7 +2377,7 @@ h5 {
 }
 
 #rm_button_back_from_group {
-    padding: 0;
+    padding: 5px;
 }
 
 #typing_indicator_template {
@@ -2392,6 +2392,10 @@ h5 {
     text-shadow: 2px 2px 2px var(--black60a);
 }
 
+.missing-avatar {
+    font-size: 36px;
+}
+
 .typing_indicator:after {
     display: inline-block;
     vertical-align: bottom;