[7.11] [Monitoring] Fix newly added cloud link (#89067)

x-pack/plugins/monitoring/public/components/no_data/blurbs/cloud_deployment.js

@@ -7,8 +7,10 @@
 import React from 'react';
 import { EuiText, EuiTextColor, EuiLink } from '@elastic/eui';
 import { FormattedMessage } from '@kbn/i18n/react';
+import { Legacy } from '../../../legacy_shims';
 
 export const CloudDeployment = () => {
+  const { ELASTIC_WEBSITE_URL } = Legacy.shims.docLinks;
   return (
     <EuiTextColor color="subdued">
       <EuiText>
@@ -32,7 +34,7 @@ export const CloudDeployment = () => {
             defaultMessage="section for a deployment to configure monitoring. For more information visit "
           />
           <EuiLink
-            href="https://www.elastic.co/guide/en/cloud/current/ec-enable-monitoring.html"
+            href={`${ELASTIC_WEBSITE_URL}guide/en/cloud/current/ec-enable-logging-and-monitoring.html`}
             target="_blank"
           >
             the documentation page.

x-pack/plugins/monitoring/public/components/no_data/explanations/exporters/exporters.test.js

@@ -8,6 +8,16 @@ import React from 'react';
 import { renderWithIntl } from '@kbn/test/jest';
 import { ExplainExporters, ExplainExportersCloud } from './exporters';
 
+jest.mock('../../../../legacy_shims', () => ({
+  Legacy: {
+    shims: {
+      docLinks: {
+        ELASTIC_WEBSITE_URL: 'https://www.elastic.co/',
+      },
+    },
+  },
+}));
+
 describe('ExplainExporters', () => {
   test('should explain about xpack.monitoring.exporters setting', () => {
     const reason = {

x-pack/plugins/monitoring/public/components/no_data/reasons/reason_found.test.js

@@ -8,6 +8,16 @@ import React from 'react';
 import { renderWithIntl } from '@kbn/test/jest';
 import { ReasonFound } from '.';
 
+jest.mock('../../../legacy_shims', () => ({
+  Legacy: {
+    shims: {
+      docLinks: {
+        ELASTIC_WEBSITE_URL: 'https://www.elastic.co/',
+      },
+    },
+  },
+}));
+
 const enabler = {};
 
 describe('ReasonFound', () => {