CE-1929 Add description to record overview table

src/components/records/RecordTable.js

@@ -7,8 +7,9 @@ import { useRedirect } from "../../hooks/Redirect";
 const recordsColumns = [
   { id: "bulb", label: "Status", width: "5ch", textAlign: "center" },
   { id: "name", label: "Record", width: "15ch" },
-  { id: "iocName", label: "IOC name", width: "15ch" },
-  { id: "hostName", label: "Host", width: "15ch" }
+  { id: "description", label: "Description", width: "15ch" },
+  { id: "iocName", label: "IOC name", width: "10ch" },
+  { id: "hostName", label: "Host", width: "10ch" }
 ];
 
 const iocDetailsColumns = [
@@ -17,6 +18,32 @@ const iocDetailsColumns = [
   { id: "iocVersion", label: "Version", width: "15ch" }
 ];
 
+function createRecordDescription(description) {
+  return (
+    <>
+      {description ? (
+        <Tooltip
+          title={description}
+          arrow
+          enterDelay={400}
+        >
+          <Typography
+            style={{
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap"
+            }}
+          >
+            {description}
+          </Typography>
+        </Tooltip>
+      ) : (
+        "---"
+      )}
+    </>
+  );
+}
+
 export function createRecordsRow(record) {
   return {
     id: record.name,
@@ -31,6 +58,7 @@ export function createRecordsRow(record) {
       </Grid>
     ),
     name: record.name,
+    description: createRecordDescription(record.description),
     iocName: record.iocName,
     hostName: record.hostName
   };

src/views/records/RecordDetailsView.js

@@ -60,6 +60,7 @@ export function RecordDetailsView() {
       ) : (
         record?.iocName
       ),
+      Description: record?.description,
       Version: record?.iocVersion,
       Host: record.hostCSentryId ? (
         <Typography>