Update Profile page layout: reorder fields and add separate Agency field

Reorder user details from Role/First/Last/Email to First/Last/Email/Role/Agency
so the 2-column grid shows names together at the top. Add Agency as its own
field instead of appending it to the Role display.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
michael 2026-02-22 09:25:25 -06:00
parent 99fa956c74
commit c7175f4261

View file

@ -34,20 +34,21 @@ export const Profile: React.FC<ProfileProps> = ({ onLogout, msalInstance }) => {
const getRoleDisplay = (): string => {
if (!user) return 'Loading...';
const label = ROLE_LABELS[user.role] ?? user.role;
return user.agencyName ? `${label} (${user.agencyName})` : label;
return ROLE_LABELS[user.role] ?? user.role;
};
const userDetails = userInfo ? {
'Role': getRoleDisplay(),
'First Name': userInfo.firstName || 'N/A',
'Last Name': userInfo.lastName || 'N/A',
'Email': userInfo.email,
'Role': getRoleDisplay(),
'Agency': user?.agencyName || 'N/A',
} : {
'Role': 'Loading...',
'First Name': '',
'Last Name': '',
'Email': '',
'Role': 'Loading...',
'Agency': '',
};
const handleLogout = () => {