Add type row to monitor detail page.

elastic · Oct 5, 2020 · ac2a8e0 · ac2a8e0
1 parent 197510a
commit ac2a8e0
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/x-pack/plugins/uptime/public/components/monitor/status_details/status_bar/status_bar.tsx b/x-pack/plugins/uptime/public/components/monitor/status_details/status_bar/status_bar.tsx
@@ -76,6 +76,14 @@ export const MonitorStatusBar: React.FC = () => {
         </MonListDescription>
         <MonListTitle>{MonitorIDLabel}</MonListTitle>
         <MonListDescription data-test-subj="monitor-page-title">{monitorId}</MonListDescription>
+        {monitorStatus?.monitor?.type && (
+          <>
+            <MonListTitle aria-label={labels.typeAriaLabel}>{labels.typeLabel}</MonListTitle>
+            <MonListDescription data-test-subj="monitor-page-type">
+              {monitorStatus.monitor.type}
+            </MonListDescription>
+          </>
+        )}
         <MonitorSSLCertificate tls={monitorStatus?.tls} />
         <MonitorRedirects monitorStatus={monitorStatus} />
       </EuiDescriptionList>

diff --git a/x-pack/plugins/uptime/public/components/monitor/status_details/translations.ts b/x-pack/plugins/uptime/public/components/monitor/status_details/translations.ts
@@ -24,6 +24,14 @@ export const downLabel = i18n.translate(
   }
 );
 
+export const typeLabel = i18n.translate('xpack.uptime.monitorStatusBar.type.label', {
+  defaultMessage: 'Type',
+});
+
+export const typeAriaLabel = i18n.translate('xpack.uptime.monitorStatusBar.type.ariaLabel', {
+  defaultMessage: 'Monitor type',
+});
+
 export const monitorUrlLinkAriaLabel = i18n.translate(
   'xpack.uptime.monitorStatusBar.monitorUrlLinkAriaLabel',
   {