🔥 Fix User Profile view

This commit is contained in:
duckietm
2026-03-12 16:21:23 +01:00
parent ca0227cd87
commit bfd28d277a
3 changed files with 11 additions and 11 deletions
+1 -1
View File
@@ -22,7 +22,7 @@ export const LayoutAvatarImageView: FC<LayoutAvatarImageViewProps> = props =>
const getClassNames = useMemo(() => 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); if(classNames.length) newClassNames.push(...classNames);
@@ -15,9 +15,7 @@ export const FriendsContainerView: FC<FriendsContainerViewProps> = props =>
return ( return (
<div className="flex flex-col gap-1"> <div className="flex flex-col gap-1">
<p className="text-sm"> <p className="text-sm" dangerouslySetInnerHTML={{ __html: LocalizeText('extendedprofile.friends.count', ['count'], [friendsCount.toString()]) }} />
<b>{ LocalizeText('extendedprofile.friends.count') }</b> { friendsCount }
</p>
<div className="flex flex-col gap-1"> <div className="flex flex-col gap-1">
<p className="text-sm font-bold">{ LocalizeText('extendedprofile.relstatus') }</p> <p className="text-sm font-bold">{ LocalizeText('extendedprofile.relstatus') }</p>
<RelationshipsContainerView relationships={ relationships } /> <RelationshipsContainerView relationships={ relationships } />
@@ -12,6 +12,10 @@ export const UserContainerView: FC<{
const isOwnProfile = (userProfile.id === GetSessionDataManager().userId); const isOwnProfile = (userProfile.id === GetSessionDataManager().userId);
const canSendFriendRequest = !requestSent && (!isOwnProfile && !userProfile.isMyFriend && !userProfile.requestSent); 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 = () => const addFriend = () =>
{ {
setRequestSent(true); setRequestSent(true);
@@ -26,8 +30,10 @@ export const UserContainerView: FC<{
return ( return (
<div className="flex gap-2"> <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 } /> <LayoutAvatarImageView direction={ 2 } figure={ userProfile.figure } />
<div className={`absolute inset-0 profile-overlay ${infostandOverlayClass}`} />
</div> </div>
<div className="flex flex-col gap-2"> <div className="flex flex-col gap-2">
<div className="flex flex-col gap-0"> <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> <p className="text-sm italic leading-tight">{ userProfile.motto }</p>
</div> </div>
<div className="flex flex-col gap-1"> <div className="flex flex-col gap-1">
<p className="text-sm leading-none"> <p className="text-sm leading-none" dangerouslySetInnerHTML={{ __html: LocalizeText('extendedprofile.created', ['created'], [userProfile.registration]) }} />
<b>{ LocalizeText('extendedprofile.created') }</b> { userProfile.registration } <p className="text-sm leading-none" dangerouslySetInnerHTML={{ __html: LocalizeText('extendedprofile.last.login', ['lastlogin'], [FriendlyTime.format(userProfile.secondsSinceLastVisit, '.ago', 2)]) }} />
</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"> <p className="text-sm leading-none">
<b>{ LocalizeText('extendedprofile.achievementscore') }</b> { userProfile.achievementPoints } <b>{ LocalizeText('extendedprofile.achievementscore') }</b> { userProfile.achievementPoints }
</p> </p>