From c25eedc40208d9b305b26ad3f716c3db8e32ea9b Mon Sep 17 00:00:00 2001
From: Justin Kambic <jk@elastic.co>
Date: Wed, 19 Oct 2022 17:36:13 -0400
Subject: [PATCH] [Synthetics UI] Prefer `custom_heartbeat_id` to `monitor.id`
 for Uptime detail link when present (#143128)

* Prefer `custom_heartbeat_id` to `monitor.id` when present.

* Prefer `ConfigKey`.
---
 .../monitor_details/monitor_summary/last_ten_test_runs.tsx    | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_details/monitor_summary/last_ten_test_runs.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_details/monitor_summary/last_ten_test_runs.tsx
index a424a831c97ff..8d48a45a391c3 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_details/monitor_summary/last_ten_test_runs.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_details/monitor_summary/last_ten_test_runs.tsx
@@ -118,6 +118,7 @@ export const LastTenTestRuns = () => {
     },
   ];
 
+  const historyIdParam = monitor?.[ConfigKey.CUSTOM_HEARTBEAT_ID] ?? monitor?.[ConfigKey.ID];
   return (
     <EuiPanel hasShadow={false} hasBorder css={{ minHeight: 200 }}>
       <EuiFlexGroup alignItems="center" gutterSize="s">
@@ -133,7 +134,8 @@ export const LastTenTestRuns = () => {
             iconType="list"
             iconSide="left"
             data-test-subj="monitorSummaryViewLastTestRun"
-            href={`${basePath}/app/uptime/monitor/${btoa(monitor?.id ?? '')}`}
+            disabled={!historyIdParam}
+            href={`${basePath}/app/uptime/monitor/${btoa(historyIdParam ?? '')}`}
           >
             {i18n.translate('xpack.synthetics.monitorDetails.summary.viewHistory', {
               defaultMessage: 'View History',