From 9b8a0ff8ce48ff41aeccdb1d367f2c92e83325fd Mon Sep 17 00:00:00 2001
From: Maayan Hadasi <60384172+mguetta1@users.noreply.github.com>
Date: Mon, 19 Feb 2024 23:23:27 +0200
Subject: [PATCH] :bug: Adding tooltip to PencilAltIcon (#1688)

Resolves: https://issues.redhat.com/browse/MTA-1468

---------

Signed-off-by: Maayan Hadasi <mguetta@redhat.com>
---
 .../applications-table/applications-table.tsx | 22 ++++++++++---------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/client/src/app/pages/applications/applications-table/applications-table.tsx b/client/src/app/pages/applications/applications-table/applications-table.tsx
index de45d031a..c13ac32e5 100644
--- a/client/src/app/pages/applications/applications-table/applications-table.tsx
+++ b/client/src/app/pages/applications/applications-table/applications-table.tsx
@@ -17,6 +17,7 @@ import {
   MenuToggle,
   MenuToggleElement,
   Modal,
+  Tooltip,
 } from "@patternfly/react-core";
 import { PencilAltIcon, TagIcon, EllipsisVIcon } from "@patternfly/react-icons";
 import {
@@ -359,9 +360,8 @@ export const ApplicationsTable: React.FC = () => {
         selectOptions: [
           ...new Set(
             applications
-              .flatMap(
-                (application) =>
-                  application?.archetypes?.map((archetype) => archetype.name)
+              .flatMap((application) =>
+                application?.archetypes?.map((archetype) => archetype.name)
               )
               .filter(Boolean)
           ),
@@ -948,13 +948,15 @@ export const ApplicationsTable: React.FC = () => {
 
                       <Td isActionCell id="pencil-action">
                         {applicationWriteAccess && (
-                          <Button
-                            variant="plain"
-                            icon={<PencilAltIcon />}
-                            onClick={() =>
-                              setSaveApplicationModalState(application)
-                            }
-                          />
+                          <Tooltip content={t("actions.edit")}>
+                            <Button
+                              variant="plain"
+                              icon={<PencilAltIcon />}
+                              onClick={() =>
+                                setSaveApplicationModalState(application)
+                              }
+                            />
+                          </Tooltip>
                         )}
                       </Td>
                       <Td isActionCell id="row-actions">