From bfd28d277a809623dc6bac43bdfb44a1172c437d Mon Sep 17 00:00:00 2001
From: duckietm <troop@mailtjes.com>
Date: Thu, 12 Mar 2026 16:21:23 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A5=20Fix=20User=20Profile=20view?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/common/layout/LayoutAvatarImageView.tsx      |  2 +-
 .../user-profile/FriendsContainerView.tsx        |  4 +---
 .../user-profile/UserContainerView.tsx           | 16 +++++++++-------
 3 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/common/layout/LayoutAvatarImageView.tsx b/src/common/layout/LayoutAvatarImageView.tsx
index 26e3d55..69d3e20 100644
--- a/src/common/layout/LayoutAvatarImageView.tsx
+++ b/src/common/layout/LayoutAvatarImageView.tsx
@@ -22,7 +22,7 @@ export const LayoutAvatarImageView: FC<LayoutAvatarImageViewProps> = props =>
 
     const getClassNames = useMemo(() =>
     {
-        const newClassNames: string[] = [ 'avatar-image relative w-[90px] h-[130px] bg-no-repeat bg-position-[center_-8px] pointer-events-none' ];
+        const newClassNames: string[] = [ 'avatar-image relative w-[90px] h-[130px] bg-no-repeat left-[-2px] pointer-events-none' ];
 
         if(classNames.length) newClassNames.push(...classNames);
 
diff --git a/src/components/user-profile/FriendsContainerView.tsx b/src/components/user-profile/FriendsContainerView.tsx
index b92b82d..70f30bc 100644
--- a/src/components/user-profile/FriendsContainerView.tsx
+++ b/src/components/user-profile/FriendsContainerView.tsx
@@ -15,9 +15,7 @@ export const FriendsContainerView: FC<FriendsContainerViewProps> = props =>
 
     return (
         <div className="flex flex-col gap-1">
-            <p className="text-sm">
-                <b>{ LocalizeText('extendedprofile.friends.count') }</b> { friendsCount }
-            </p>
+            <p className="text-sm" dangerouslySetInnerHTML={{ __html: LocalizeText('extendedprofile.friends.count', ['count'], [friendsCount.toString()]) }} />
             <div className="flex flex-col gap-1">
                 <p className="text-sm font-bold">{ LocalizeText('extendedprofile.relstatus') }</p>
                 <RelationshipsContainerView relationships={ relationships } />
diff --git a/src/components/user-profile/UserContainerView.tsx b/src/components/user-profile/UserContainerView.tsx
index 20d0768..d6e3fb9 100644
--- a/src/components/user-profile/UserContainerView.tsx
+++ b/src/components/user-profile/UserContainerView.tsx
@@ -12,6 +12,10 @@ export const UserContainerView: FC<{
     const isOwnProfile = (userProfile.id === GetSessionDataManager().userId);
     const canSendFriendRequest = !requestSent && (!isOwnProfile && !userProfile.isMyFriend && !userProfile.requestSent);
 
+    const infostandBackgroundClass = `background-${userProfile.backgroundId ?? 'default'}`;
+    const infostandStandClass = `stand-${userProfile.standId ?? 'default'}`;
+    const infostandOverlayClass = `overlay-${userProfile.overlayId ?? 'default'}`;
+
     const addFriend = () =>
     {
         setRequestSent(true);
@@ -26,8 +30,10 @@ export const UserContainerView: FC<{
 
     return (
         <div className="flex gap-2">
-            <div className="flex flex-col justify-center items-center w-[75px] h-[120px]">
+            <div className={`flex flex-col justify-center items-center w-[75px] h-[120px] rounded-sm relative overflow-hidden profile-background ${infostandBackgroundClass}`}>
+                <div className={`absolute inset-0 profile-stand ${infostandStandClass}`} />
                 <LayoutAvatarImageView direction={ 2 } figure={ userProfile.figure } />
+                <div className={`absolute inset-0 profile-overlay ${infostandOverlayClass}`} />
             </div>
             <div className="flex flex-col gap-2">
                 <div className="flex flex-col gap-0">
@@ -35,12 +41,8 @@ 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">
-                        <b>{ LocalizeText('extendedprofile.created') }</b> { userProfile.registration }
-                    </p>
-                    <p className="text-sm leading-none">
-                        <b>{ LocalizeText('extendedprofile.last.login') }</b> { FriendlyTime.format(userProfile.secondsSinceLastVisit, '.ago', 2) }
-                    </p>
+                    <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.achievementscore') }</b> { userProfile.achievementPoints }
                     </p>