From 2fccdd651b5e0c75be8b8fe4664d3c4e86899f61 Mon Sep 17 00:00:00 2001
From: "Leon.Schmidt" <leonmauricewill15@gmail.com>
Date: Thu, 6 Aug 2026 18:45:03 +0200
Subject: [PATCH] ENH - add unknown contact avatar

---
 frontend/src/views/apps/MessagesApp.vue | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/apps/MessagesApp.vue b/frontend/src/views/apps/MessagesApp.vue
index 5d0eab7..4c1056f 100644
--- a/frontend/src/views/apps/MessagesApp.vue
+++ b/frontend/src/views/apps/MessagesApp.vue
@@ -885,9 +885,14 @@ onBeforeUnmount(() => {
       <div class="messages-chat-header__contact">
         <span
           class="messages-avatar messages-avatar--header"
+          :class="{ 'messages-avatar--unknown': !activeContact }"
           :style="avatarStyle(messages.activeNumber ?? '')"
         >
-          <span class="messages-avatar__glyph">{{ avatarGlyph(messages.activeNumber ?? '') }}</span>
+          <span v-if="activeContact" class="messages-avatar__glyph">{{ avatarGlyph(messages.activeNumber ?? '') }}</span>
+          <span v-else class="messages-avatar__placeholder" aria-hidden="true">
+            <i />
+            <b />
+          </span>
         </span>
         <button
           type="button"
@@ -924,9 +929,14 @@ onBeforeUnmount(() => {
       <div class="messages-contact-details__hero">
         <span
           class="messages-avatar messages-avatar--contact"
+          :class="{ 'messages-avatar--unknown': !activeContact }"
           :style="avatarStyle(messages.activeNumber ?? '')"
         >
-          <span class="messages-avatar__glyph">{{ avatarGlyph(messages.activeNumber ?? '') }}</span>
+          <span v-if="activeContact" class="messages-avatar__glyph">{{ avatarGlyph(messages.activeNumber ?? '') }}</span>
+          <span v-else class="messages-avatar__placeholder" aria-hidden="true">
+            <i />
+            <b />
+          </span>
         </span>
         <h2>{{ activeTitle }}</h2>
         <small>{{ messages.activeNumber }}</small>