Re-Quest/frontend
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Display user's full name and profile avatar in network lists, falling back to email and default avatar.

Browse Source
This commit is contained in:
pradeepkumar
2026-03-19 04:58:37 +05:30
parent fcfb3827ba
commit 776aeaac8d
1 changed files with 16 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/app/(agent)/agent/network/page.tsx
View File

@@ -195,19 +195,23 @@ export default function NetworkPage() {
{/* Pending Requests List */} {/* Pending Requests List */}
{pendingRequests.length > 0 && ( {pendingRequests.length > 0 && (
<div className="px-6 divide-y divide-[#00293d]/10"> <div className="px-6 divide-y divide-[#00293d]/10">
{pendingRequests.map((request) => ( {pendingRequests.map((request) => {
const profile = request.user?.userProfile;
const userName = [profile?.firstName, profile?.lastName].filter(Boolean).join(' ') || request.user?.email || 'Unknown User';
return (
<InvitationCard <InvitationCard
key={request.id} key={request.id}
id={request.id} id={request.id}
name={request.user?.email || 'Unknown User'} name={userName}
avatar={request.user?.avatar || '/assets/icons/user-placeholder-icon.svg'} avatar={profile?.avatar || request.user?.avatar || '/assets/icons/user-placeholder-icon.svg'}
description={request.message || 'No message provided'} description={request.message || 'No message provided'}
createdAt={request.createdAt} createdAt={request.createdAt}
isProcessing={processingIds.has(request.id)} isProcessing={processingIds.has(request.id)}
onAccept={handleAccept} onAccept={handleAccept}
onIgnore={handleIgnore} onIgnore={handleIgnore}
/> />
))} );
})}
</div> </div>
)} )}
</div> </div>
@@ -245,17 +249,21 @@ export default function NetworkPage() {
{/* Connections List */} {/* Connections List */}
{connections.length > 0 && ( {connections.length > 0 && (
<div className="px-6 divide-y divide-[#00293d]/10"> <div className="px-6 divide-y divide-[#00293d]/10">
{connections.map((connection) => ( {connections.map((connection) => {
const profile = connection.user?.userProfile;
const userName = [profile?.firstName, profile?.lastName].filter(Boolean).join(' ') || connection.user?.email || 'Unknown User';
return (
<ConnectionCard <ConnectionCard
key={connection.id} key={connection.id}
id={connection.userId} id={connection.userId}
name={connection.user?.email || 'Unknown User'} name={userName}
avatar={connection.user?.avatar || '/assets/icons/user-placeholder-icon.svg'} avatar={profile?.avatar || connection.user?.avatar || '/assets/icons/user-placeholder-icon.svg'}
email={connection.user?.email || ''} email={connection.user?.email || ''}
connectedAt={connection.respondedAt || connection.updatedAt} connectedAt={connection.respondedAt || connection.updatedAt}
onMessage={handleMessage} onMessage={handleMessage}
/> />
))} );
})}
</div> </div>
)} )}
</div> </div>