Updates tooltip for invalid workflow

Author: elsamaryv

app/javascript/components/miq-data-table/miq-table-cell.jsx

@@ -25,8 +25,9 @@ const MiqTableCell = ({
   const alignClass = longText ? 'vertical_align_top' : '';
   const longerTextClass = veryLongText ? 'truncate_longer_text' : '';
 
+  const cellTitle = cell.data.title ? cell.data.title : cell.value;
   const truncateText = (
-    <span title={cell.value} className={classNames('bx--front-line', wrapClass, longerTextClass)}>
+    <span title={cellTitle} className={classNames('bx--front-line', wrapClass, longerTextClass)}>
       {cell.value}
     </span>
   );

app/javascript/components/workflows/helper.js

@@ -7,10 +7,15 @@ const entryPointsHeaderInfo = () => [
 ];
 
 /** Function to return the cell data for a row item. */
-const cellInfo = (workflow) => [
-  { text: workflow.configuration_script_source ? workflow.configuration_script_source.name : '' },
-  { text: workflow.name },
-];
+const cellInfo = (workflow) => {
+  const isValid = workflow.payload_valid;
+  const workflowNameTitle = !isValid ? `${workflow.name} (${__('Invalid Workflow')})` : workflow.name;
+
+  return [
+    { text: workflow.configuration_script_source ? workflow.configuration_script_source.name : '' },
+    { text: workflow.name, title: workflowNameTitle },
+  ];
+};
 
 /** Function to return the row information for the list */
 const rowInfo = (headers, response) => {
@@ -26,17 +31,6 @@ const rowInfo = (headers, response) => {
     };
   });
 
-  // // Sort: valid workflows first (alphabetically), then invalid workflows (alphabetically)
-  // const sortedRows = rows.sort((a, b) => {
-  //   // If both have same validity status, sort alphabetically by name
-  //   if (a.disabled === b.disabled) {
-  //     return a.name.localeCompare(b.name);
-  //   }
-  //   // Valid workflows come first
-  //   return a.disabled ? 1 : -1;
-  // });
-
-  // const miqRows = rowData(headerKeys, sortedRows, false);
   const miqRows = rowData(headerKeys, rows, false);
   return miqRows.rowItems;
 };

app/stylesheet/miq-data-table.scss

@@ -397,7 +397,6 @@ table.miq_preview {
       tbody tr.disabled-row {
         opacity: 0.5 !important;
         cursor: not-allowed !important;
-        pointer-events: none !important;
         color: #8d8d8d !important;
         background-color: #f4f4f4 !important;