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:
parent
99fa956c74
commit
c7175f4261
1 changed files with 5 additions and 4 deletions
|
|
@ -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 = () => {
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue