@keycloakify/keycloak-admin-ui
Version:
Repackaged Keycloak Admin UI
22 lines • 1.85 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Divider, Dropdown, DropdownItem, DropdownList, MenuToggle, Split, SplitItem, Switch, TextContent, } from "@patternfly/react-core";
import { ExternalLinkAltIcon, HelpIcon } from "@patternfly/react-icons";
import { useState } from "react";
import { useTranslation } from "react-i18next";
import helpUrls from "../../help-urls";
import { useHelp } from "../../ui-shared";
import "./help-header.css";
export const HelpHeader = () => {
const [open, setOpen] = useState(false);
const help = useHelp();
const { t } = useTranslation();
const dropdownItems = [
_jsx(DropdownItem, { id: "link", href: helpUrls.documentationUrl, target: "_blank", children: _jsxs(Split, { children: [_jsx(SplitItem, { isFilled: true, children: t("documentation") }), _jsx(SplitItem, { children: _jsx(ExternalLinkAltIcon, {}) })] }) }, "link"),
_jsx(Divider, {}, "divide"),
_jsxs(DropdownItem, { id: "enable", children: [_jsxs(Split, { children: [_jsx(SplitItem, { isFilled: true, children: t("enableHelpMode") }), _jsx(SplitItem, { children: _jsx(Switch, { id: "enableHelp", "aria-label": t("enableHelp"), isChecked: help.enabled, label: "", className: "keycloak_help-header-switch", onChange: () => help.toggleHelp() }) })] }), _jsx(TextContent, { className: "keycloak_help-header-description", children: t("helpToggleInfo") })] }, "enable"),
];
return (_jsx(Dropdown, { popperProps: {
position: "right",
}, onOpenChange: (isOpen) => setOpen(isOpen), isOpen: open, toggle: (ref) => (_jsx(MenuToggle, { ref: ref, variant: "plain", onClick: () => setOpen(!open), "aria-label": "Help", id: "help", children: _jsx(HelpIcon, {}) })), children: _jsx(DropdownList, { children: dropdownItems }) }));
};
//# sourceMappingURL=HelpHeader.js.map