diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/common/components/monitor_details_panel.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/common/components/monitor_details_panel.tsx index c14e516fb7f673..5cddb55074c24e 100644 --- a/x-pack/plugins/synthetics/public/apps/synthetics/components/common/components/monitor_details_panel.tsx +++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/common/components/monitor_details_panel.tsx @@ -65,6 +65,8 @@ export const MonitorDetailsPanel = ({ return ; } + const url = latestPing?.url?.full ?? (monitor as unknown as MonitorFields)[ConfigKey.URLS]; + return ( {URL_LABEL} - - {latestPing?.url?.full ?? (monitor as unknown as MonitorFields)[ConfigKey.URLS]} - + {url ? ( + + {url} + + ) : ( + + {UN_AVAILABLE_LABEL} + + )} {LAST_RUN_LABEL} @@ -260,3 +264,7 @@ const PROJECT_ID_LABEL = i18n.translate('xpack.synthetics.monitorList.projectIdH const MONITOR_ID_ITEM_TEXT = i18n.translate('xpack.synthetics.monitorList.monitorIdItemText', { defaultMessage: 'Monitor ID', }); + +const UN_AVAILABLE_LABEL = i18n.translate('xpack.synthetics.monitorList.unAvailable', { + defaultMessage: '(unavailable)', +});