diff --git a/client/src/app/pages/issues/issue-detail-drawer/file-incidents-detail-modal/file-all-incidents-table.css b/client/src/app/pages/issues/issue-detail-drawer/file-incidents-detail-modal/file-all-incidents-table.css new file mode 100644 index 000000000..48101160d --- /dev/null +++ b/client/src/app/pages/issues/issue-detail-drawer/file-incidents-detail-modal/file-all-incidents-table.css @@ -0,0 +1,4 @@ +.empty-cell { + color: #6a6e73; + font-style: italic; +} diff --git a/client/src/app/pages/issues/issue-detail-drawer/file-incidents-detail-modal/file-all-incidents-table.tsx b/client/src/app/pages/issues/issue-detail-drawer/file-incidents-detail-modal/file-all-incidents-table.tsx index 360856ac0..44afc23d6 100644 --- a/client/src/app/pages/issues/issue-detail-drawer/file-incidents-detail-modal/file-all-incidents-table.tsx +++ b/client/src/app/pages/issues/issue-detail-drawer/file-incidents-detail-modal/file-all-incidents-table.tsx @@ -1,3 +1,4 @@ +import "./file-all-incidents-table.css"; import * as React from "react"; import { Table, Thead, Tr, Th, Tbody, Td } from "@patternfly/react-table"; import { useSelectionState } from "@migtools/lib-ui"; @@ -123,9 +124,7 @@ export const FileAllIncidentsTable: React.FC< colSpan={2} {...getTdProps({ columnKey: "message" })} > - - {`${incident.message.split("\n")[0]} ...`} - + {messageDisplayComponent(incident.message)} @@ -143,3 +142,19 @@ export const FileAllIncidentsTable: React.FC< ); }; + +const getFirstNonEmptyLine = (message: string): string | null => { + const lines = message.split("\n"); + const nonEmptyLine = lines.find((line) => line.trim() !== ""); + return nonEmptyLine || null; +}; + +const messageDisplayComponent = (message: string) => { + const content = getFirstNonEmptyLine(message); + if (content === null) { + return
No content available.
; + } + return ( + {content} + ); +};