Loki/Elasticsearch config: Add DataSourceDescription component (#71206)

* Loki config: add data source description component

* Elastic config: add data source description component
This commit is contained in:
Matias Chomicki 2023-07-07 15:22:52 +02:00 committed by GitHub
parent 56f52dc97e
commit 92c94710cd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 13 additions and 2 deletions

View File

@ -2,7 +2,7 @@ import React, { useEffect, useRef } from 'react';
import { SIGV4ConnectionConfig } from '@grafana/aws-sdk'; import { SIGV4ConnectionConfig } from '@grafana/aws-sdk';
import { DataSourcePluginOptionsEditorProps } from '@grafana/data'; import { DataSourcePluginOptionsEditorProps } from '@grafana/data';
import { ConfigSection } from '@grafana/experimental'; import { ConfigSection, DataSourceDescription } from '@grafana/experimental';
import { Alert, DataSourceHttpSettings } from '@grafana/ui'; import { Alert, DataSourceHttpSettings } from '@grafana/ui';
import { Divider } from 'app/core/components/Divider'; import { Divider } from 'app/core/components/Divider';
import { config } from 'app/core/config'; import { config } from 'app/core/config';
@ -38,6 +38,11 @@ export const ConfigEditor = (props: Props) => {
Browser access mode in the Elasticsearch datasource is no longer available. Switch to server access mode. Browser access mode in the Elasticsearch datasource is no longer available. Switch to server access mode.
</Alert> </Alert>
)} )}
<DataSourceDescription
dataSourceName="Elasticsearch"
docsLink="https://grafana.com/docs/grafana/latest/datasources/elasticsearch"
hasRequiredFields={false}
/>
<Divider /> <Divider />

View File

@ -1,7 +1,7 @@
import React, { useCallback } from 'react'; import React, { useCallback } from 'react';
import { DataSourcePluginOptionsEditorProps, DataSourceSettings } from '@grafana/data'; import { DataSourcePluginOptionsEditorProps, DataSourceSettings } from '@grafana/data';
import { ConfigSection } from '@grafana/experimental'; import { ConfigSection, DataSourceDescription } from '@grafana/experimental';
import { config, reportInteraction } from '@grafana/runtime'; import { config, reportInteraction } from '@grafana/runtime';
import { DataSourceHttpSettings } from '@grafana/ui'; import { DataSourceHttpSettings } from '@grafana/ui';
import { Divider } from 'app/core/components/Divider'; import { Divider } from 'app/core/components/Divider';
@ -43,6 +43,12 @@ export const ConfigEditor = (props: Props) => {
return ( return (
<> <>
<DataSourceDescription
dataSourceName="Loki"
docsLink="https://grafana.com/docs/grafana/latest/datasources/loki"
hasRequiredFields={false}
/>
<Divider /> <Divider />
<DataSourceHttpSettings <DataSourceHttpSettings