diff --git a/x-pack/plugins/apm/public/components/app/Settings/anomaly_detection/index.tsx b/x-pack/plugins/apm/public/components/app/Settings/anomaly_detection/index.tsx index 0b7202422370..81655bc46c33 100644 --- a/x-pack/plugins/apm/public/components/app/Settings/anomaly_detection/index.tsx +++ b/x-pack/plugins/apm/public/components/app/Settings/anomaly_detection/index.tsx @@ -7,11 +7,17 @@ import React, { useState } from 'react'; import { EuiTitle, EuiSpacer, EuiText } from '@elastic/eui'; import { i18n } from '@kbn/i18n'; +import { EuiPanel } from '@elastic/eui'; import { JobsList } from './jobs_list'; import { AddEnvironments } from './add_environments'; import { useFetcher, FETCH_STATUS } from '../../../../hooks/useFetcher'; +import { LicensePrompt } from '../../../shared/LicensePrompt'; +import { useLicense } from '../../../../hooks/useLicense'; export const AnomalyDetection = () => { + const license = useLicense(); + const hasValidLicense = license?.isActive && license?.hasAtLeast('platinum'); + const [viewAddEnvironments, setViewAddEnvironments] = useState(false); const { refetch, data = [], status } = useFetcher( @@ -25,6 +31,22 @@ export const AnomalyDetection = () => { status === FETCH_STATUS.PENDING || status === FETCH_STATUS.LOADING; const hasFetchFailure = status === FETCH_STATUS.FAILURE; + if (!hasValidLicense) { + return ( + + + + ); + } + return ( <>