diff --git a/src/authentication/components/EditFlowDropdown.tsx b/src/authentication/components/EditFlowDropdown.tsx index 27a21a16fd..d92862d5db 100644 --- a/src/authentication/components/EditFlowDropdown.tsx +++ b/src/authentication/components/EditFlowDropdown.tsx @@ -1,6 +1,11 @@ import React, { useState } from "react"; import { useTranslation } from "react-i18next"; -import { Dropdown, DropdownItem, DropdownToggle } from "@patternfly/react-core"; +import { + Dropdown, + DropdownItem, + DropdownToggle, + Tooltip, +} from "@patternfly/react-core"; import { PlusIcon } from "@patternfly/react-icons"; import type { AuthenticationProviderRepresentation } from "@keycloak/keycloak-admin-client/lib/defs/authenticatorConfigRepresentation"; @@ -40,57 +45,62 @@ export const EditFlowDropdown = ({ ); return ( - <> - - - - } - dropdownItems={[ - - setType(providerId === "form-flow" ? "form" : "basic") - } - > - {t("addStep")} - , - setType("condition")}> - {t("addCondition")} - , - setType("subFlow")}> - {t("addSubFlow")} - , - ]} - onSelect={() => setOpen(false)} - /> - {type && type !== "subFlow" && ( - { - if (type) { - onAddExecution(execution, type); - } - setType(undefined); - }} + + <> + + + + } + dropdownItems={[ + + setType(providerId === "form-flow" ? "form" : "basic") + } + > + {t("addStep")} + , + setType("condition")} + > + {t("addCondition")} + , + setType("subFlow")}> + {t("addSubFlow")} + , + ]} + onSelect={() => setOpen(false)} /> - )} - {type === "subFlow" && ( - setType(undefined)} - onConfirm={(flow) => { - onAddFlow(flow); - setType(undefined); - }} - /> - )} - + {type && type !== "subFlow" && ( + { + if (type) { + onAddExecution(execution, type); + } + setType(undefined); + }} + /> + )} + {type === "subFlow" && ( + setType(undefined)} + onConfirm={(flow) => { + onAddFlow(flow); + setType(undefined); + }} + /> + )} + + ); }; diff --git a/src/authentication/components/ExecutionConfigModal.tsx b/src/authentication/components/ExecutionConfigModal.tsx index 38db9aa1be..8557ee67d3 100644 --- a/src/authentication/components/ExecutionConfigModal.tsx +++ b/src/authentication/components/ExecutionConfigModal.tsx @@ -10,6 +10,7 @@ import { FormGroup, Modal, ModalVariant, + Tooltip, ValidatedOptions, } from "@patternfly/react-core"; import { CogIcon, TrashIcon } from "@patternfly/react-icons"; @@ -125,13 +126,15 @@ export const ExecutionConfigModal = ({ return ( <> - + + + {configDescription && ( )} {!builtIn && ( - + + + )} , ]}