From a2b9ba17a71dc75c5c97743946e43ffc1a71ab7f Mon Sep 17 00:00:00 2001
From: Joao Ramos <joaomframos.1@gmail.com>
Date: Thu, 14 Dec 2023 17:38:24 +0000
Subject: [PATCH] Replaced 'Agent' with 'Country Manager' on role display

---
 src/components/Navbar.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index b2ef13df..5b8b8b02 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -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 displayRole = (type: Type) => {
+		switch (type) {
+			case "agent": return 'Country Manager';
+			default: return uppercaseFirstLetter(type);
+		}
+	}
+
 	return (
 		<>
 			{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">
 						<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>
 					<div className="cursor-pointer md:hidden" onClick={() => setIsMenuOpen(true)}>
 						<BsList className="text-mti-purple-light w-8 h-8" />