From 7891a9551dda3ee3d649f5a03d674064486fd2c1 Mon Sep 17 00:00:00 2001
From: Bryce Buchanan <75274611+bryce-b@users.noreply.github.com>
Date: Fri, 12 Jan 2024 08:50:34 -0800
Subject: [PATCH] [APM] added check for 'error' waterfall item when view mobile
 transactions (#174655)

## Summary

This fixes #174635

### For maintainers

- [ ] This was checked for breaking API changes and was [labeled
appropriately](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)
---
 .../waterfall/waterfall_item.tsx              | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/x-pack/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/waterfall_container/waterfall/waterfall_item.tsx b/x-pack/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/waterfall_container/waterfall/waterfall_item.tsx
index 39ad6f4945dff..35f559d81f982 100644
--- a/x-pack/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/waterfall_container/waterfall/waterfall_item.tsx
+++ b/x-pack/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/waterfall_container/waterfall/waterfall_item.tsx
@@ -10,7 +10,10 @@ import { i18n } from '@kbn/i18n';
 import React, { ReactNode, useRef, useState, useEffect } from 'react';
 import { euiStyled } from '@kbn/kibana-react-plugin/common';
 import { useTheme } from '../../../../../../hooks/use_theme';
-import { isRumAgentName } from '../../../../../../../common/agent_name';
+import {
+  isMobileAgentName,
+  isRumAgentName,
+} from '../../../../../../../common/agent_name';
 import {
   TRACE_ID,
   TRANSACTION_ID,
@@ -335,6 +338,18 @@ function RelatedErrors({
     kuery += ` and ${TRANSACTION_ID} : "${item.doc.transaction?.id}"`;
   }
 
+  const mobileHref = apmRouter.link(
+    `/mobile-services/{serviceName}/errors-and-crashes`,
+    {
+      path: { serviceName: item.doc.service.name },
+      query: {
+        ...query,
+        serviceGroup: '',
+        kuery,
+      },
+    }
+  );
+
   const href = apmRouter.link(`/services/{serviceName}/errors`, {
     path: { serviceName: item.doc.service.name },
     query: {
@@ -349,7 +364,7 @@ function RelatedErrors({
       // eslint-disable-next-line jsx-a11y/click-events-have-key-events
       <div onClick={(e: React.MouseEvent) => e.stopPropagation()}>
         <EuiBadge
-          href={href}
+          href={isMobileAgentName(item.doc.agent.name) ? mobileHref : href}
           color={theme.eui.euiColorDanger}
           iconType="arrowRight"
         >