From de282ebdae171a98ae97f1bc88844ccf81f9f6ac Mon Sep 17 00:00:00 2001
From: Dario Gieselaar <dario.gieselaar@elastic.co>
Date: Thu, 25 Feb 2021 19:42:47 +0100
Subject: [PATCH] [APM] Always allow access to Profiling via URL

---
 .../service_details/service_detail_tabs.tsx   | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/x-pack/plugins/apm/public/components/app/service_details/service_detail_tabs.tsx b/x-pack/plugins/apm/public/components/app/service_details/service_detail_tabs.tsx
index 5c9d79f37cc573..b86f0d40de1372 100644
--- a/x-pack/plugins/apm/public/components/app/service_details/service_detail_tabs.tsx
+++ b/x-pack/plugins/apm/public/components/app/service_details/service_detail_tabs.tsx
@@ -37,6 +37,7 @@ interface Tab {
   key: string;
   href: string;
   text: ReactNode;
+  hidden?: boolean;
   render: () => ReactNode;
 }
 
@@ -126,6 +127,7 @@ export function ServiceDetailTabs({ serviceName, tab }: Props) {
   const profilingTab = {
     key: 'profiling',
     href: useServiceProfilingHref({ serviceName }),
+    hidden: !config.profilingEnabled,
     text: (
       <EuiFlexGroup direction="row" gutterSize="s">
         <EuiFlexItem>
@@ -167,22 +169,20 @@ export function ServiceDetailTabs({ serviceName, tab }: Props) {
     tabs.push(metricsTab);
   }
 
-  tabs.push(serviceMapTab);
-
-  if (config.profilingEnabled) {
-    tabs.push(profilingTab);
-  }
+  tabs.push(serviceMapTab, profilingTab);
 
   const selectedTab = tabs.find((serviceTab) => serviceTab.key === tab);
 
   return (
     <>
       <MainTabs>
-        {tabs.map(({ href, key, text }) => (
-          <EuiTab href={href} isSelected={key === tab} key={key}>
-            {text}
-          </EuiTab>
-        ))}
+        {tabs
+          .filter((t) => !t.hidden)
+          .map(({ href, key, text }) => (
+            <EuiTab href={href} isSelected={key === tab} key={key}>
+              {text}
+            </EuiTab>
+          ))}
         <div style={{ marginLeft: 'auto' }}>
           <Correlations />
         </div>