Replaced 'Agent' with 'Country Manager' on role display

This commit is contained in:
Joao Ramos
2023-12-14 17:38:24 +00:00
parent 6f61fe1564
commit a2b9ba17a7

View File

@@ -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" />