fix: alert table theming and hover (#2956)

keephq · Dec 31, 2024 · 6ad036b · 6ad036b
1 parent 5dd4694
commit 6ad036b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/keep-ui/app/(keep)/alerts/alerts-table-body.tsx b/keep-ui/app/(keep)/alerts/alerts-table-body.tsx
@@ -103,10 +103,7 @@ export function AlertsTableBody({
           <TableRow
             id={`alert-row-${row.original.fingerprint}`}
             key={row.id}
-            className={clsx(
-              "hover:bg-orange-100 cursor-pointer relative",
-              rowBgColor
-            )}
+            className="cursor-pointer relative group"
             onClick={(e) => handleRowClick(e, row.original)}
           >
             {row.getVisibleCells().map((cell) => {
@@ -120,7 +117,9 @@ export function AlertsTableBody({
                   key={cell.id}
                   className={clsx(
                     cell.column.columnDef.meta?.tdClassName,
-                    className
+                    className,
+                    rowBgColor,
+                    "group-hover:bg-orange-100"
                   )}
                   style={style}
                 >

diff --git a/keep-ui/features/incident-list/ui/incident-table-component.tsx b/keep-ui/features/incident-list/ui/incident-table-component.tsx
@@ -114,6 +114,7 @@ export const IncidentTableComponent = (props: Props) => {
                   style={style}
                   className={clsx(
                     className,
+                    "bg-white",
                     cell.column.id === "actions" ? "p-1" : ""
                   )}
                 >