Add placeholder text and move component conditional out of render method

Signed-off-by: Ian Bolton <[email protected]>

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;
+}

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" })}
                   >
-                    <ReactMarkdown components={markdownPFComponents}>
-                      {`${getFirstNonEmptyLine(incident.message)} ...`}
-                    </ReactMarkdown>
+                    {messageDisplayComponent(incident.message)}
                   </Td>
                 </TableRowContentWithControls>
               </Tr>
@@ -144,7 +143,19 @@ export const FileAllIncidentsTable: React.FC<
   );
 };
 
-const getFirstNonEmptyLine = (message: string) => {
+const getFirstNonEmptyLine = (message: string): string | null => {
   const lines = message.split("\n");
-  return lines.find((line) => line.trim() !== "") || "No content available.";
+  const nonEmptyLine = lines.find((line) => line.trim() !== "");
+  return nonEmptyLine || null;
+};
+
+const messageDisplayComponent = (message: string) => {
+  const content = getFirstNonEmptyLine(message);
+  console.log("content", content);
+  if (content === null) {
+    return <div className="empty-cell">No content available.</div>;
+  }
+  return (
+    <ReactMarkdown components={markdownPFComponents}>{content}</ReactMarkdown>
+  );
 };