🐛 Add tooltips for Priority and Preemption columns (#2005)

Resolves: https://issues.redhat.com/browse/MTA-3235 Signed-off-by: Radoslaw Szwajkowski <[email protected]>
konveyor · Jul 11, 2024 · 7d24ba1 · 7d24ba1
1 parent caac127
commit 7d24ba1
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 2 deletions.
diff --git a/client/public/locales/en/translation.json b/client/public/locales/en/translation.json
@@ -510,6 +510,10 @@
       "save": "Failed to save {{type}}."
     }
   },
+  "tooltip": {
+    "priority": "Tasks priority(Low-High). Impacts tasks scheduling policy.",
+    "preemption": "If enabled, allows the scheduler to cancel a running task and free the resources for higher priority tasks."
+  },
   "validation": {
     "email": "This field requires a valid email.",
     "max": "This field must be less than {{value}}.",

diff --git a/client/src/app/pages/tasks/tasks-page.tsx b/client/src/app/pages/tasks/tasks-page.tsx
@@ -13,7 +13,15 @@ import {
   ToolbarContent,
   ToolbarItem,
 } from "@patternfly/react-core";
-import { Table, Tbody, Th, Thead, Tr, Td } from "@patternfly/react-table";
+import {
+  Table,
+  Tbody,
+  Th,
+  Thead,
+  Tr,
+  Td,
+  ThProps,
+} from "@patternfly/react-table";
 import { CubesIcon } from "@patternfly/react-icons";
 
 import { FilterToolbar, FilterType } from "@app/components/FilterToolbar";
@@ -189,6 +197,11 @@ export const TasksPage: React.FC = () => {
     columnState,
   } = tableControls;
 
+  const tooltips: Record<string, ThProps["info"]> = {
+    priority: { tooltip: t("tooltip.priority") },
+    preemption: { tooltip: t("tooltip.preemption") },
+  };
+
   const clearFilters = () => {
     const currentPath = history.location.pathname;
     const newSearch = new URLSearchParams(history.location.search);
@@ -275,7 +288,11 @@ export const TasksPage: React.FC = () => {
                   {columnState.columns
                     .filter(({ id }) => getColumnVisibility(id))
                     .map(({ id }) => (
-                      <Th key={id} {...getThProps({ columnKey: id })} />
+                      <Th
+                        key={id}
+                        {...getThProps({ columnKey: id })}
+                        info={tooltips[id]}
+                      />
                     ))}
                   <Th width={10} />
                 </TableHeaderContentWithControls>