🆙 Init V3

2026-06-20 07:26:19 +00:00 · 2026-01-31 09:10:52 +01:00
commit 7feb10ab15
1733 changed files with 53405 additions and 0 deletions
@@ -0,0 +1,71 @@
+import { GetSessionDataManager, RequestFriendComposer, UserProfileParser } from '@nitrots/nitro-renderer';
+import { FC, useEffect, useState } from 'react';
+import { FriendlyTime, LocalizeText, SendMessageComposer } from '../../api';
+import { LayoutAvatarImageView, Text } from '../../common';
+
+export const UserContainerView: FC<{
+    userProfile: UserProfileParser;
+}> = props =>
+{
+    const { userProfile = null } = props;
+    const [ requestSent, setRequestSent ] = useState(userProfile.requestSent);
+    const isOwnProfile = (userProfile.id === GetSessionDataManager().userId);
+    const canSendFriendRequest = !requestSent && (!isOwnProfile && !userProfile.isMyFriend && !userProfile.requestSent);
+
+    const addFriend = () =>
+    {
+        setRequestSent(true);
+
+        SendMessageComposer(new RequestFriendComposer(userProfile.username));
+    };
+
+    useEffect(() =>
+    {
+        setRequestSent(userProfile.requestSent);
+    }, [ userProfile ]);
+
+    return (
+        <div className="flex gap-2">
+            <div className="flex flex-col justify-center items-center w-[75px] h-[120px]">
+                <LayoutAvatarImageView direction={ 2 } figure={ userProfile.figure } />
+            </div>
+            <div className="flex flex-col gap-2">
+                <div className="flex flex-col gap-0">
+                    <p className="leading-tight">{ userProfile.username }</p>
+                    <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">
+                        <b>{ LocalizeText('extendedprofile.achievementscore') }</b> { userProfile.achievementPoints }
+                    </p>
+                </div>
+                <div className="flex items-center gap-1">
+                    { userProfile.isOnline &&
+                        <i className="nitro-icon icon-pf-online" /> }
+                    { !userProfile.isOnline &&
+                        <i className="nitro-icon icon-pf-offline" /> }
+                    <div className="flex items-center gap-1">
+                        { canSendFriendRequest &&
+                            <Text pointer small underline onClick={ addFriend }>{ LocalizeText('extendedprofile.addasafriend') }</Text> }
+                        { !canSendFriendRequest &&
+                            <>
+                                <i className="nitro-icon icon-pf-tick" />
+                                { isOwnProfile &&
+                                    <p>{ LocalizeText('extendedprofile.me') }</p> }
+                                { userProfile.isMyFriend &&
+                                    <p>{ LocalizeText('extendedprofile.friend') }</p> }
+                                { (requestSent || userProfile.requestSent) &&
+                                    <p>{ LocalizeText('extendedprofile.friendrequestsent') }</p> }
+                            </> }
+                    </div>
+                </div>
+            </div>
+        </div>
+    );
+};