diff --git a/public/app/plugins/datasource/prometheus/configuration/DataSourceHttpSettingsOverhaulPackage.tsx b/public/app/plugins/datasource/prometheus/configuration/DataSourceHttpSettingsOverhaulPackage.tsx index 46f2313d3e0..248e0fcdfed 100644 --- a/public/app/plugins/datasource/prometheus/configuration/DataSourceHttpSettingsOverhaulPackage.tsx +++ b/public/app/plugins/datasource/prometheus/configuration/DataSourceHttpSettingsOverhaulPackage.tsx @@ -8,9 +8,15 @@ import { Alert, SecureSocksProxySettings, useTheme2 } from '@grafana/ui'; // NEED TO EXPORT THIS FROM GRAFANA/UI FOR EXTERNAL DS import { AzureAuthSettings } from '@grafana/ui/src/components/DataSourceSettings/types'; +import type { AzureCredentials } from './AzureCredentials'; + +interface PromOptionsWithCloudAuth extends PromOptions { + azureCredentials?: AzureCredentials; +} + type Props = { - options: DataSourceSettings; - onOptionsChange: (options: DataSourceSettings) => void; + options: DataSourceSettings; + onOptionsChange: (options: DataSourceSettings) => void; azureAuthSettings: AzureAuthSettings; sigV4AuthToggleEnabled: boolean | undefined; renderSigV4Editor: React.ReactNode; @@ -73,7 +79,7 @@ export const DataSourcehttpSettingsOverhaul = (props: Props) => { const azureAuthOption: CustomMethod = { id: azureAuthId, label: 'Azure auth', - description: 'This is Azure auth description', + description: 'Authenticate with Azure', component: ( <> {azureAuthSettings.azureSettingsUI && ( @@ -161,6 +167,7 @@ export const DataSourcehttpSettingsOverhaul = (props: Props) => { withCredentials: method === AuthMethod.CrossSiteCredentials, jsonData: { ...options.jsonData, + azureCredentials: method === azureAuthId ? options.jsonData.azureCredentials : undefined, sigV4Auth: method === sigV4Id, oauthPassThru: method === AuthMethod.OAuthForward, },