diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx index e546a2dc..28272521 100644 --- a/src/components/Navbar.tsx +++ b/src/components/Navbar.tsx @@ -8,6 +8,7 @@ import clsx from "clsx"; import moment from "moment"; import MobileMenu from "./MobileMenu"; import {useState} from "react"; +import {Type} from "@/interfaces/user"; interface Props { user: User; @@ -42,6 +43,9 @@ export default function Navbar({user, path, navDisabled = false, focusMode = fal return today.add(7, "days").isAfter(momentDate); }; + const uppercaseFirstLetter = (string: Type) => string.charAt(0).toUpperCase() + string.slice(1); + + return ( <> {user && setIsMenuOpen(false)} user={user} />} @@ -67,10 +71,10 @@ export default function Navbar({user, path, navDisabled = false, focusMode = fal {user.subscriptionExpirationDate && moment(user.subscriptionExpirationDate).format("DD/MM/YYYY")} )} - - {user.name} - {user.name} - + + {user.name} + {user.name} | {uppercaseFirstLetter(user.type)} +
setIsMenuOpen(true)}>