@keycloakify/keycloak-admin-ui
Version:
Repackaged Keycloak Admin UI
19 lines • 1.47 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Button, ButtonVariant, Form, Modal, ModalVariant, } from "@patternfly/react-core";
import { FormProvider } from "react-hook-form";
import { useTranslation } from "react-i18next";
import { TextControl } from "../ui-shared";
export const AddTranslationModal = ({ handleModalToggle, save, form, }) => {
const { t } = useTranslation();
return (_jsx(Modal, { variant: ModalVariant.small, title: t("addTranslation"), isOpen: true, onClose: handleModalToggle, actions: [
_jsx(Button, { "data-testid": "add-translation-confirm-button", variant: "primary", type: "submit", form: "translation-form", children: t("create") }, "confirm"),
_jsx(Button, { id: "modal-cancel", "data-testid": "cancel", variant: ButtonVariant.link, onClick: () => {
handleModalToggle();
}, children: t("cancel") }, "cancel"),
], children: _jsx(Form, { id: "translation-form", isHorizontal: true, onSubmit: form.handleSubmit(save), children: _jsxs(FormProvider, { ...form, children: [_jsx(TextControl, { name: "key", label: t("key"), autoFocus: true, rules: {
required: t("required"),
} }), _jsx(TextControl, { name: "value", label: t("value"), rules: {
required: t("required"),
} })] }) }) }));
};
//# sourceMappingURL=AddTranslationModal.js.map