Capitalizing first letter table quality status overview and displayin…

…g cursor pointer when hovering on cells
dqops · Aug 17, 2024 · c42f18b · c42f18b
1 parent 835166d
commit c42f18b
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/...end/src/components/Connection/TableView/TableQualityStatus/TableQualityStatusCategory.tsx b/...end/src/components/Connection/TableView/TableQualityStatus/TableQualityStatusCategory.tsx
@@ -98,7 +98,7 @@ export default function TableQualityStatusCategory({
             {tableStatus.status && (
               <div
                 className={clsx(
-                  'w-32 h-8 flex  justify-end',
+                  'w-32 h-8 flex  justify-end  cursor-pointer',
                   getColor(tableStatus.status),
                   severityType === 'current' ? '' : 'justify-end'
                 )}

diff --git a/...c/components/Connection/TableView/TableQualityStatus/TableQualityStatusColumnCategory.tsx b/...c/components/Connection/TableView/TableQualityStatus/TableQualityStatusColumnCategory.tsx
@@ -157,7 +157,7 @@ export default function TableQualityStatusColumnCategory({
               <div className="w-5 h-full"></div>
               <div
                 className={clsx(
-                  'h-8 w-32 flex justify-end',
+                  'h-8 w-32 flex justify-end  cursor-pointer',
                   getColor(columnStatus.status),
                   severityType === 'current' ? '' : 'justify-end'
                   // isExtended && 'w-50'

diff --git a/...end/src/components/Connection/TableView/TableQualityStatus/TableQualityStatusOverview.tsx b/...end/src/components/Connection/TableView/TableQualityStatus/TableQualityStatusOverview.tsx
@@ -141,7 +141,9 @@ export default function TableQualityStatusOverview({
             //   )
             // }
           >
-            <div className=" ml-4">{key}</div>
+            <div className=" ml-4">
+              {key?.replaceAll('_', ' ').replace(/./, (c) => c.toUpperCase())}
+            </div>
           </th>
         ))}
       </thead>