+
{row.original.user_generated_name || row.original.ai_generated_name}
),
@@ -115,12 +126,16 @@ export default function IncidentsTable({
columnHelper.display({
id: "user_summary",
header: "Summary",
- cell: ({ row }) =>
{row.original.user_summary}
,
+ cell: ({ row }) => (
+
{row.original.user_summary}
+ ),
}),
columnHelper.display({
id: "rule_fingerprint",
header: "Group by value",
- cell: ({ row }) =>
{row.original.rule_fingerprint || "-"}
,
+ cell: ({ row }) => (
+
{row.original.rule_fingerprint || "-"}
+ ),
}),
columnHelper.accessor("severity", {
id: "severity",
@@ -157,16 +172,22 @@ export default function IncidentsTable({
columnHelper.display({
id: "services",
header: "Involved Services",
- cell: ({row}) =>
-
{row.original.services.map((service) =>
- {service}
- )}
-
,
+ cell: ({ row }) => (
+
+ {row.original.services
+ .filter((service) => service !== "null")
+ .map((service) => (
+
+ {service}
+
+ ))}
+
+ ),
}),
columnHelper.display({
id: "assignee",
header: "Assignee",
- cell: ({ row }) => row.original.assignee
+ cell: ({ row }) => row.original.assignee,
}),
columnHelper.accessor("creation_time", {
id: "creation_time",
@@ -209,7 +230,11 @@ export default function IncidentsTable({
onClick={async (e: React.MouseEvent) => {
e.preventDefault();
e.stopPropagation();
- await deleteIncident({incidentId: row.original.id!, mutate, session});
+ await deleteIncident({
+ incidentId: row.original.id!,
+ mutate,
+ session,
+ });
}}
/>
@@ -228,7 +253,7 @@ export default function IncidentsTable({
onExpandedChange: setExpanded,
onSortingChange: (value) => {
if (typeof value === "function") {
- setSorting(value)
+ setSorting(value);
}
},
getSortedRowModel: getSortedRowModel(),
@@ -247,7 +272,7 @@ export default function IncidentsTable({
handleClose={() => setChangeStatusIncident(null)}
/>