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

This commit is contained in:
pradeepkumar
2026-03-19 04:58:37 +05:30
parent fcfb3827ba
commit 776aeaac8d

View File

@@ -195,19 +195,23 @@ export default function NetworkPage() {
{/* Pending Requests List */}
{pendingRequests.length > 0 && (
<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
key={request.id}
id={request.id}
name={request.user?.email || 'Unknown User'}
avatar={request.user?.avatar || '/assets/icons/user-placeholder-icon.svg'}
name={userName}
avatar={profile?.avatar || request.user?.avatar || '/assets/icons/user-placeholder-icon.svg'}
description={request.message || 'No message provided'}
createdAt={request.createdAt}
isProcessing={processingIds.has(request.id)}
onAccept={handleAccept}
onIgnore={handleIgnore}
/>
))}
);
})}
</div>
)}
</div>
@@ -245,17 +249,21 @@ export default function NetworkPage() {
{/* Connections List */}
{connections.length > 0 && (
<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
key={connection.id}
id={connection.userId}
name={connection.user?.email || 'Unknown User'}
avatar={connection.user?.avatar || '/assets/icons/user-placeholder-icon.svg'}
name={userName}
avatar={profile?.avatar || connection.user?.avatar || '/assets/icons/user-placeholder-icon.svg'}
email={connection.user?.email || ''}
connectedAt={connection.respondedAt || connection.updatedAt}
onMessage={handleMessage}
/>
))}
);
})}
</div>
)}
</div>