diff --git a/src/components/FullNodeViewer/FullNodeViewer.scss b/src/components/FullNodeViewer/FullNodeViewer.scss index b6c0bd53f..cb1a28bcf 100644 --- a/src/components/FullNodeViewer/FullNodeViewer.scss +++ b/src/components/FullNodeViewer/FullNodeViewer.scss @@ -23,7 +23,7 @@ } .info-viewer__label { - min-width: 60px; + min-width: 100px; } &__section-title { diff --git a/src/components/FullNodeViewer/FullNodeViewer.tsx b/src/components/FullNodeViewer/FullNodeViewer.tsx index 1477baf24..ee89c3698 100644 --- a/src/components/FullNodeViewer/FullNodeViewer.tsx +++ b/src/components/FullNodeViewer/FullNodeViewer.tsx @@ -5,7 +5,7 @@ import type {TSystemStateInfo} from '../../types/api/nodes'; import {LOAD_AVERAGE_TIME_INTERVALS} from '../../utils/constants'; import {calcUptime} from '../../utils/dataFormatters/dataFormatters'; -import InfoViewer from '../InfoViewer/InfoViewer'; +import InfoViewer, {type InfoViewerItem} from '../InfoViewer/InfoViewer'; import {ProgressViewer} from '../ProgressViewer/ProgressViewer'; import {PoolUsage} from '../PoolUsage/PoolUsage'; @@ -24,12 +24,19 @@ export const FullNodeViewer = ({node, className}: FullNodeViewerProps) => { value: Address, })); - const commonInfo = [ + const commonInfo: InfoViewerItem[] = []; + + // Do not add DB field for static nodes (they have no Tenants) + if (node?.Tenants?.length) { + commonInfo.push({label: 'Database', value: node.Tenants[0]}); + } + + commonInfo.push( {label: 'Version', value: node?.Version}, {label: 'Uptime', value: calcUptime(node?.StartTime)}, {label: 'DC', value: node?.DataCenterDescription}, {label: 'Rack', value: node?.Rack}, - ]; + ); const averageInfo = node?.LoadAverage?.map((load, loadIndex) => ({ label: LOAD_AVERAGE_TIME_INTERVALS[loadIndex],