From ac2a8e0fc8d92922bc6524b2a82ae2efb50171d6 Mon Sep 17 00:00:00 2001
From: Justin Kambic <justin.kambic@elastic.co>
Date: Mon, 5 Oct 2020 15:42:20 -0400
Subject: [PATCH] Add type row to monitor detail page.

---
 .../monitor/status_details/status_bar/status_bar.tsx      | 8 ++++++++
 .../components/monitor/status_details/translations.ts     | 8 ++++++++
 2 files changed, 16 insertions(+)

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
index 4ea383567d71c..029ca98ae6fc8 100644
--- 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
index f593525fa0942..53c4a9eaeae49 100644
--- 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',
   {