diff --git a/src/components/records/RecordTable.js b/src/components/records/RecordTable.js index 8dcdb0a1bede0bf3047f2abaa3ecd89e1a4ff5fd..f3334a8249a404bd3afb0c3d725c8fba1b6f1e6a 100644 --- a/src/components/records/RecordTable.js +++ b/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 }; diff --git a/src/views/records/RecordDetailsView.js b/src/views/records/RecordDetailsView.js index 7b64c25e8587387a80a29b038fcd2f4052103c1a..cc551b19cff8698b9396580e6fa81d646d8f757f 100644 --- a/src/views/records/RecordDetailsView.js +++ b/src/views/records/RecordDetailsView.js @@ -60,6 +60,7 @@ export function RecordDetailsView() { ) : ( record?.iocName ), + Description: record?.description, Version: record?.iocVersion, Host: record.hostCSentryId ? ( <Typography>