diff --git a/src/components/UptimeViewer/UptimeViewer.tsx b/src/components/UptimeViewer/UptimeViewer.tsx index d3a1ba98b5..004613d5f5 100644 --- a/src/components/UptimeViewer/UptimeViewer.tsx +++ b/src/components/UptimeViewer/UptimeViewer.tsx @@ -1,3 +1,5 @@ +import React from 'react'; + import {DefinitionList} from '@gravity-ui/uikit'; import {EMPTY_DATA_PLACEHOLDER} from '../../utils/constants'; @@ -17,33 +19,33 @@ interface NodeUptimeProps { export function NodeUptime({StartTime, DisconnectTime}: NodeUptimeProps) { let uptime: string | undefined; + let content: React.ReactNode = null; if (DisconnectTime) { uptime = getDowntimeFromDateFormatted(DisconnectTime); + content = ( + + {formatDateTime(DisconnectTime, {withTimeZone: true})} + + ); } else if (StartTime) { uptime = getUptimeFromDateFormatted(StartTime); + content = ( + + {formatDateTime(StartTime, {withTimeZone: true})} + + ); } if (!uptime) { return EMPTY_DATA_PLACEHOLDER; } + return ( - {StartTime ? ( - - {formatDateTime(StartTime, {withTimeZone: true})} - - ) : null} - {DisconnectTime ? ( - - {formatDateTime(DisconnectTime, {withTimeZone: true})} - - ) : null} - - } + disabled={!content} + content={{content}} > {uptime}