From c55863cf01b0a039fa6ac3461f542ab396488428 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cau=C3=AA=20Marcondes?=
 <55978943+cauemarcondes@users.noreply.github.com>
Date: Thu, 15 Oct 2020 14:46:19 +0100
Subject: [PATCH] [APM] Update User Experience app callout code to reflect new
 name (#80641)

---
 .../components/app/TransactionOverview/index.tsx     |  4 ++--
 ...toringCallout.tsx => user_experience_callout.tsx} | 12 ++++++------
 2 files changed, 8 insertions(+), 8 deletions(-)
 rename x-pack/plugins/apm/public/components/app/TransactionOverview/{ClientSideMonitoringCallout.tsx => user_experience_callout.tsx} (75%)

diff --git a/x-pack/plugins/apm/public/components/app/TransactionOverview/index.tsx b/x-pack/plugins/apm/public/components/app/TransactionOverview/index.tsx
index 7c887da6dc5e6..8c7d088d36eb2 100644
--- a/x-pack/plugins/apm/public/components/app/TransactionOverview/index.tsx
+++ b/x-pack/plugins/apm/public/components/app/TransactionOverview/index.tsx
@@ -36,7 +36,7 @@ import { TransactionTypeFilter } from '../../shared/LocalUIFilters/TransactionTy
 import { TransactionList } from './TransactionList';
 import { useRedirect } from './useRedirect';
 import { TRANSACTION_PAGE_LOAD } from '../../../../common/transaction_types';
-import { ClientSideMonitoringCallout } from './ClientSideMonitoringCallout';
+import { UserExperienceCallout } from './user_experience_callout';
 
 function getRedirectLocation({
   urlParams,
@@ -129,7 +129,7 @@ export function TransactionOverview({ serviceName }: TransactionOverviewProps) {
         <EuiFlexItem grow={7}>
           {transactionType === TRANSACTION_PAGE_LOAD && (
             <>
-              <ClientSideMonitoringCallout />
+              <UserExperienceCallout />
               <EuiSpacer size="s" />
             </>
           )}
diff --git a/x-pack/plugins/apm/public/components/app/TransactionOverview/ClientSideMonitoringCallout.tsx b/x-pack/plugins/apm/public/components/app/TransactionOverview/user_experience_callout.tsx
similarity index 75%
rename from x-pack/plugins/apm/public/components/app/TransactionOverview/ClientSideMonitoringCallout.tsx
rename to x-pack/plugins/apm/public/components/app/TransactionOverview/user_experience_callout.tsx
index becae4d7eb5d7..41e84d4acfba5 100644
--- a/x-pack/plugins/apm/public/components/app/TransactionOverview/ClientSideMonitoringCallout.tsx
+++ b/x-pack/plugins/apm/public/components/app/TransactionOverview/user_experience_callout.tsx
@@ -9,21 +9,21 @@ import { EuiButton, EuiCallOut, EuiSpacer, EuiText } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
 import { useApmPluginContext } from '../../../hooks/useApmPluginContext';
 
-export function ClientSideMonitoringCallout() {
+export function UserExperienceCallout() {
   const { core } = useApmPluginContext();
-  const clientSideMonitoringHref = core.http.basePath.prepend(`/app/ux`);
+  const userExperienceHref = core.http.basePath.prepend(`/app/ux`);
 
   return (
     <EuiCallOut
       iconType="cheer"
       title={i18n.translate(
-        'xpack.apm.transactionOverview.clientSideMonitoring.calloutTitle',
+        'xpack.apm.transactionOverview.userExperience.calloutTitle',
         { defaultMessage: 'Introducing: Elastic User Experience' }
       )}
     >
       <EuiText>
         {i18n.translate(
-          'xpack.apm.transactionOverview.clientSideMonitoring.calloutText',
+          'xpack.apm.transactionOverview.userExperience.calloutText',
           {
             defaultMessage:
               'We are beyond excited to introduce a new experience for analyzing the user experience metrics specifically for your RUM services. It provides insights into the core vitals and visitor breakdown by browser and location. The app is always available in the left sidebar among the other Observability views.',
@@ -31,9 +31,9 @@ export function ClientSideMonitoringCallout() {
         )}
       </EuiText>
       <EuiSpacer size="m" />
-      <EuiButton href={clientSideMonitoringHref}>
+      <EuiButton href={userExperienceHref}>
         {i18n.translate(
-          'xpack.apm.transactionOverview.clientSideMonitoring.linkLabel',
+          'xpack.apm.transactionOverview.userExperience.linkLabel',
           { defaultMessage: 'Take me there' }
         )}
       </EuiButton>