@redocly/theme
Version:
Shared UI components lib
22 lines • 1.37 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.LogoutMenuItem = LogoutMenuItem;
const react_1 = __importDefault(require("react"));
const hooks_1 = require("../../core/hooks");
const LogoutIcon_1 = require("../../icons/LogoutIcon/LogoutIcon");
const DropdownMenuItem_1 = require("../../components/Dropdown/DropdownMenuItem");
function LogoutMenuItem({ iconOnly, className }) {
const { useTranslate, useOtelTelemetry, useUserMenu } = (0, hooks_1.useThemeHooks)();
const { handleLogout } = useUserMenu();
const otelTelemetry = useOtelTelemetry();
const { translate } = useTranslate();
const handleClick = () => {
otelTelemetry.send({ type: 'logout_menu_item.clicked' });
handleLogout();
};
return (react_1.default.createElement(DropdownMenuItem_1.DropdownMenuItem, { className: className, dangerous: true, "data-component-name": "UserMenu/LogoutMenuItem", onAction: handleClick, "data-translation-key": "userMenu.logout", prefix: react_1.default.createElement(LogoutIcon_1.LogoutIcon, null), style: { width: iconOnly ? 'fit-content' : '100%' } }, iconOnly ? null : translate('userMenu.logout', 'Log out')));
}
//# sourceMappingURL=LogoutMenuItem.js.map