[APM] Update User Experience app callout code to reflect new name (#8…

…0641)
elastic · Oct 15, 2020 · c55863c · c55863c
1 parent 1304c21
commit c55863c
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git 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/...nOverview/ClientSideMonitoringCallout.tsx → ...ctionOverview/user_experience_callout.tsx b/...nOverview/ClientSideMonitoringCallout.tsx → ...ctionOverview/user_experience_callout.tsx
@@ -9,31 +9,31 @@ 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.',
           }
         )}
       </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>