feat: Display user's full name and profile avatar in network lists, falling back to email and default avatar.
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user