From 674233acde16df057eca14394083f2dddb0c9af5 Mon Sep 17 00:00:00 2001
From: Kato <kato@paraguay-srl.com>
Date: Sat, 5 Sep 2026 14:24:02 +0000
Subject: [PATCH] =?UTF-8?q?Fix=20openUserDetailModal=20=E2=80=94=20avatar?=
 =?UTF-8?q?=20image=20no=20longer=20overwrites=20initial=20element?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 js/main.js | 20 ++++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/js/main.js b/js/main.js
index 03c17a2..53331a8 100644
--- a/js/main.js
+++ b/js/main.js
@@ -370,13 +370,25 @@ function saveProfile() {
 // ========================================
 function openUserDetailModal(user) {
   const avatar = document.getElementById('user-detail-avatar');
+  const avatarImg = avatar.querySelector('img');
+  const avatarInitial = document.getElementById('user-detail-initial');
   if (user.image) {
-    avatar.innerHTML = `<img src="${user.image}" alt="${user.username}">`;
+    if (avatarImg) {
+      avatarImg.src = user.image;
+      avatarImg.alt = user.username;
+      avatarImg.style.display = '';
+    } else {
+      const img = document.createElement('img');
+      img.src = user.image;
+      img.alt = user.username;
+      img.style.display = '';
+      avatar.appendChild(img);
+    }
+    avatarInitial.textContent = '';
   } else {
-    avatar.innerHTML = `<span class="user-avatar-text">${(user.username || '?').charAt(0).toUpperCase()}</span>`;
+    if (avatarImg) avatarImg.style.display = 'none';
+    avatarInitial.textContent = (user.username || '?').charAt(0).toUpperCase();
   }
-  
-  document.getElementById('user-detail-initial').textContent = '';
   document.getElementById('user-detail-username').textContent = '@' + (user.username || 'Unknown');
   
   const rank = getRank(user.posts || 0);