Add type row to monitor detail page. (#79556) (#79602)

justinkambic · kibanamachine · web-flow · commit 9b38890a3ff1 · 2020-10-06T12:20:28.000-04:00
Co-authored-by: Kibana Machine &lt;42973632+kibanamachine@users.noreply.github.com&gt;

Co-authored-by: Kibana Machine &lt;42973632+kibanamachine@users.noreply.github.com&gt;
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',
   {

Original file line number	Diff line number	Diff line change
`@@ -24,6 +24,14 @@ export const downLabel = i18n.translate(`
`24`	`24`	`}`
`25`	`25`	`);`
`26`	`26`
	`27`	`+export const typeLabel = i18n.translate('xpack.uptime.monitorStatusBar.type.label', {`
	`28`	`+ defaultMessage: 'Type',`
	`29`	`+});`
	`30`	`+`
	`31`	`+export const typeAriaLabel = i18n.translate('xpack.uptime.monitorStatusBar.type.ariaLabel', {`
	`32`	`+ defaultMessage: 'Monitor type',`
	`33`	`+});`
	`34`	`+`
`27`	`35`	`export const monitorUrlLinkAriaLabel = i18n.translate(`
`28`	`36`	`'xpack.uptime.monitorStatusBar.monitorUrlLinkAriaLabel',`
`29`	`37`	`{`