🐛 Add tooltip for unlink jira ticket

Signed-off-by: ibolton336 <ibolton@redhat.com>
konveyor · Dec 19, 2023 · e875ea1 · e875ea1
1 parent 413eea0
commit e875ea1
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 11 deletions.
diff --git a/client/public/locales/en/translation.json b/client/public/locales/en/translation.json
@@ -214,7 +214,8 @@
     "taskInProgressForTags": "A new analysis is in-progress.  Tags may be updated upon completion.",
     "toTagApplication": "Either no tags exist yet or you may not have permission to view any. If you have permission, try creating a new custom tag.",
     "unsavedChanges": "Are you sure you want to close the assessment? Any unsaved changes will be lost.",
-    "noAnswers": "Are you sure you want to close the assessment? There are no answers to save."
+    "noAnswers": "Are you sure you want to close the assessment? There are no answers to save.",
+    "unlinkTicket": "Unlink from Jira"
   },
   "proposedActions": {
     "refactor": "Refactor",

diff --git a/...app/pages/applications/components/application-detail-drawer/application-detail-fields.tsx b/...app/pages/applications/components/application-detail-drawer/application-detail-fields.tsx
@@ -9,6 +9,7 @@ import {
   Grid,
   GridItem,
   Spinner,
+  Tooltip,
 } from "@patternfly/react-core";
 import { Application } from "@app/api/models";
 import spacing from "@patternfly/react-styles/css/utilities/Spacing/spacing";
@@ -187,11 +188,17 @@ export const ApplicationDetailFields: React.FC<{
           isLoading ? (
             <Spinner role="status" size="sm" />
           ) : (
-            <Button
-              variant="link"
-              icon={<UnlinkIcon />}
-              onClick={() => deleteTicket(matchingTicket.id)}
-            />
+            <Tooltip
+              content={t("message.unlinkTicket")}
+              position="top"
+              entryDelay={1000}
+            >
+              <Button
+                variant="link"
+                icon={<UnlinkIcon />}
+                onClick={() => deleteTicket(matchingTicket.id)}
+              />
+            </Tooltip>
           )
         ) : null}
       </Text>

diff --git a/client/src/app/pages/migration-waves/components/wave-status-table.tsx b/client/src/app/pages/migration-waves/components/wave-status-table.tsx
@@ -9,6 +9,7 @@ import {
   Toolbar,
   ToolbarContent,
   ToolbarItem,
+  Tooltip,
 } from "@patternfly/react-core";
 import { Table, Tbody, Td, Th, Thead, Tr } from "@patternfly/react-table";
 import alignment from "@patternfly/react-styles/css/utilities/Alignment/alignment";
@@ -165,11 +166,17 @@ export const WaveStatusTable: React.FC<IWaveStatusTableProps> = ({
                     </Td>
                     <Td className={alignment.textAlignRight}>
                       {ticket?.id && (
-                        <Button
-                          variant="link"
-                          icon={<UnlinkIcon />}
-                          onClick={() => deleteTicket(ticket.id)}
-                        />
+                        <Tooltip
+                          content={t("message.unlinkTicket")}
+                          position="top"
+                          entryDelay={1000}
+                        >
+                          <Button
+                            variant="link"
+                            icon={<UnlinkIcon />}
+                            onClick={() => deleteTicket(ticket.id)}
+                          />
+                        </Tooltip>
                       )}
                       <Button
                         type="button"