Replaced 'Agent' with 'Country Manager' on role display
This commit is contained in:
@@ -45,6 +45,13 @@ export default function Navbar({user, path, navDisabled = false, focusMode = fal
|
|||||||
|
|
||||||
const uppercaseFirstLetter = (string: Type) => string.charAt(0).toUpperCase() + string.slice(1);
|
const uppercaseFirstLetter = (string: Type) => string.charAt(0).toUpperCase() + string.slice(1);
|
||||||
|
|
||||||
|
const displayRole = (type: Type) => {
|
||||||
|
switch (type) {
|
||||||
|
case "agent": return 'Country Manager';
|
||||||
|
default: return uppercaseFirstLetter(type);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
{user && <MobileMenu path={path} isOpen={isMenuOpen} onClose={() => setIsMenuOpen(false)} user={user} />}
|
{user && <MobileMenu path={path} isOpen={isMenuOpen} onClose={() => setIsMenuOpen(false)} user={user} />}
|
||||||
@@ -72,7 +79,7 @@ export default function Navbar({user, path, navDisabled = false, focusMode = fal
|
|||||||
)}
|
)}
|
||||||
<Link href={disableNavigation ? "" : "/profile"} className="flex gap-6 items-center justify-end -md:hidden">
|
<Link href={disableNavigation ? "" : "/profile"} className="flex gap-6 items-center justify-end -md:hidden">
|
||||||
<img src={user.profilePicture} alt={user.name} className="w-10 h-10 rounded-full object-cover" />
|
<img src={user.profilePicture} alt={user.name} className="w-10 h-10 rounded-full object-cover" />
|
||||||
<span className="text-right -md:hidden">{user.name} | {uppercaseFirstLetter(user.type)}</span>
|
<span className="text-right -md:hidden">{user.name} | {displayRole(user.type)}</span>
|
||||||
</Link>
|
</Link>
|
||||||
<div className="cursor-pointer md:hidden" onClick={() => setIsMenuOpen(true)}>
|
<div className="cursor-pointer md:hidden" onClick={() => setIsMenuOpen(true)}>
|
||||||
<BsList className="text-mti-purple-light w-8 h-8" />
|
<BsList className="text-mti-purple-light w-8 h-8" />
|
||||||
|
|||||||
Reference in New Issue
Block a user