From 3e515e234ec0eae10407349639959b40c38f35db Mon Sep 17 00:00:00 2001
From: Life <simoleo89@gmail.com>
Date: Sun, 29 Mar 2026 16:45:14 +0200
Subject: [PATCH] fix: replace dangerouslySetInnerHTML with safe rendering in
 UserContainerView

- Remove dangerouslySetInnerHTML for creation date and last login fields
  which caused corrupted display
- Use separate LocalizeText keys with safe React rendering instead
- Add missing friends count display

New external_texts keys required:
  extendedprofile.created.title, extendedprofile.last.login.title,
  extendedprofile.friends.count
---
 src/components/user-profile/UserContainerView.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/user-profile/UserContainerView.tsx b/src/components/user-profile/UserContainerView.tsx
index ed357b0..dd2db05 100644
--- a/src/components/user-profile/UserContainerView.tsx
+++ b/src/components/user-profile/UserContainerView.tsx
@@ -41,8 +41,15 @@ export const UserContainerView: FC<{
                     <p className="text-sm italic leading-tight">{ userProfile.motto }</p>
                 </div>
                 <div className="flex flex-col gap-1">
-                    <p className="text-sm leading-none" dangerouslySetInnerHTML={{ __html: LocalizeText('extendedprofile.created', ['created'], [userProfile.registration]) }} />
-                    <p className="text-sm leading-none" dangerouslySetInnerHTML={{ __html: LocalizeText('extendedprofile.last.login', ['lastlogin'], [FriendlyTime.format(userProfile.secondsSinceLastVisit, '.ago', 2)]) }} />
+                    <p className="text-sm leading-none">
+                        <b>{ LocalizeText('extendedprofile.created.title') }</b> { userProfile.registration }
+                    </p>
+                    <p className="text-sm leading-none">
+                        <b>{ LocalizeText('extendedprofile.last.login.title') }</b> { FriendlyTime.format(userProfile.secondsSinceLastVisit, '.ago', 2) }
+                    </p>
+                    <p className="text-sm leading-none">
+                        <b>{ LocalizeText('extendedprofile.friends.count') }</b> { userProfile.friendsCount }
+                    </p>
                     <p className="text-sm leading-none">
                         <b>{ LocalizeText('extendedprofile.achievementscore') }</b> { userProfile.achievementPoints }
                     </p>