Added tool tips on flow icons (#2573)

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,6 +45,7 @@ export const EditFlowDropdown = ({
   );
 
   return (
+    <Tooltip content={t("common:edit")}>
       <>
         <Dropdown
           isPlain
@@ -60,7 +66,10 @@ export const EditFlowDropdown = ({
             >
               {t("addStep")}
             </DropdownItem>,
-          <DropdownItem key="addCondition" onClick={() => setType("condition")}>
+            <DropdownItem
+              key="addCondition"
+              onClick={() => setType("condition")}
+            >
               {t("addCondition")}
             </DropdownItem>,
             <DropdownItem key="addSubFlow" onClick={() => setType("subFlow")}>
@@ -92,5 +101,6 @@ export const EditFlowDropdown = ({
           />
         )}
       </>
+    </Tooltip>
   );
 };

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,6 +126,7 @@ export const ExecutionConfigModal = ({
 
   return (
     <>
+      <Tooltip content={t("common:settings")}>
         <Button
           variant="plain"
           aria-label={t("common:settings")}
@@ -132,6 +134,7 @@ export const ExecutionConfigModal = ({
         >
           <CogIcon />
         </Button>
+      </Tooltip>
       {configDescription && (
         <Modal
           variant={ModalVariant.small}

src/authentication/components/FlowRow.tsx

@@ -11,6 +11,7 @@ import {
   Text,
   TextVariants,
   Button,
+  Tooltip,
 } from "@patternfly/react-core";
 import { TrashIcon } from "@patternfly/react-icons";
 
@@ -111,6 +112,7 @@ export const FlowRow = ({
                   />
                 )}
                 {!builtIn && (
+                  <Tooltip content={t("common:delete")}>
                     <Button
                       variant="plain"
                       aria-label={t("common:delete")}
@@ -118,6 +120,7 @@ export const FlowRow = ({
                     >
                       <TrashIcon />
                     </Button>
+                  </Tooltip>
                 )}
               </DataListCell>,
             ]}