@appcorp/kismaa-web-ui 0.2.44 → 0.2.46
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -48,9 +48,10 @@ var Navbar = function (_a) {
|
|
|
48
48
|
react_1.default.createElement(search_icon_1.SearchIcon, { className: "size-5 cursor-pointer" }))),
|
|
49
49
|
loggedInUser ? (react_1.default.createElement(react_1.default.Fragment, null,
|
|
50
50
|
react_1.default.createElement(react_2.Popover, { className: "relative" },
|
|
51
|
-
react_1.default.createElement(
|
|
52
|
-
|
|
53
|
-
|
|
51
|
+
react_1.default.createElement(link_1.default, { href: loggedInUser.route },
|
|
52
|
+
react_1.default.createElement(react_2.PopoverButton, { className: "inline-flex items-center gap-x-2 ".concat(molecules_1.colorMap[molecules_1.BUTTON_TYPES.SECONDARY], " ").concat(molecules_1.hoverMap[molecules_1.BUTTON_TYPES.SECONDARY], " ").concat(molecules_1.sizeMap[molecules_1.BUTTON_SIZES.SM], " cursor-pointer rounded-md") },
|
|
53
|
+
(loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.avatarUrl) ? (react_1.default.createElement(image_1.default, { src: loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.avatarUrl, alt: loggedInUser.firstName, height: 32, width: 32, className: "h-8 w-8 rounded-full" })) : (react_1.default.createElement(user_icon_1.UserIcon, { className: "h-8 w-8 rounded-full" })),
|
|
54
|
+
react_1.default.createElement("span", null, loggedInUser.firstName))),
|
|
54
55
|
(loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.menuItems) &&
|
|
55
56
|
((_b = loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.menuItems) === null || _b === void 0 ? void 0 : _b.length) > 0 && (react_1.default.createElement(react_2.PopoverPanel, { transition: true, className: "absolute left-1/2 z-10 mt-2 flex w-screen max-w-min -translate-x-1/2 bg-transparent px-4 transition data-closed:translate-y-1 data-closed:opacity-0 data-enter:duration-200 data-enter:ease-out data-leave:duration-150 data-leave:ease-in" },
|
|
56
57
|
react_1.default.createElement("div", { className: "w-56 shrink rounded-xl bg-white p-4 text-sm/6 font-semibold text-gray-900 shadow-lg outline-1 outline-gray-900/5 dark:bg-gray-800 dark:text-white dark:shadow-none dark:outline dark:-outline-offset-1 dark:outline-white/10" }, (_c = loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.menuItems) === null || _c === void 0 ? void 0 : _c.map(function (_a) {
|
|
@@ -31,7 +31,7 @@ export interface NavbarProps {
|
|
|
31
31
|
handleSearch: () => void;
|
|
32
32
|
headerActions: NavbarHeaderActionItem[];
|
|
33
33
|
isMobileMenuOpen: boolean;
|
|
34
|
-
loggedInUser
|
|
34
|
+
loggedInUser: LoggedInUser | null;
|
|
35
35
|
navLinks: NavLinks[];
|
|
36
36
|
showSearch?: boolean;
|
|
37
37
|
toggleMobileMenu: () => void;
|