IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Tracing: Use new DataSourceDescription component (#69443)

Browse Source 
Use new DataSourceDescription component
This commit is contained in:
Joey 2023-06-14 10:45:36 +01:00 committed by GitHub
parent 1e75c9c514
commit 5c45b8724b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 30 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
public/app/plugins/datasource/jaeger/components/ConfigEditor.tsx
View File

@ -2,7 +2,7 @@ import { css } from '@emotion/css';
import React from 'react';
import { DataSourcePluginOptionsEditorProps, GrafanaTheme2 } from '@grafana/data';
import { ConfigSection } from '@grafana/experimental';
import { ConfigSection, DataSourceDescription } from '@grafana/experimental';
import { config } from '@grafana/runtime';
import { DataSourceHttpSettings, useStyles2 } from '@grafana/ui';
import { Divider } from 'app/core/components/Divider';
@ -18,6 +18,14 @@ export const ConfigEditor = ({ options, onOptionsChange }: Props) => {
return (
<div className={styles.container}>
<DataSourceDescription
dataSourceName="Jaeger"
docsLink="https://grafana.com/docs/grafana/latest/datasources/jaeger"
hasRequiredFields={false}
/>
<Divider />
<DataSourceHttpSettings
defaultUrl="http://localhost:16686"
dataSourceConfig={options}
@ -55,6 +63,6 @@ const getStyles = (theme: GrafanaTheme2) => ({
container: css`
label: container;
margin-bottom: ${theme.spacing(2)};
max-width: '578px';
max-width: 900px;
`,
});

12
public/app/plugins/datasource/tempo/configuration/ConfigEditor.tsx
View File

@ -2,7 +2,7 @@ import { css } from '@emotion/css';
import React from 'react';
import { DataSourcePluginOptionsEditorProps, GrafanaTheme2 } from '@grafana/data';
import { ConfigSection, ConfigSubSection } from '@grafana/experimental';
import { ConfigSection, ConfigSubSection, DataSourceDescription } from '@grafana/experimental';
import { config } from '@grafana/runtime';
import { DataSourceHttpSettings, useStyles2 } from '@grafana/ui';
import { ConfigDescriptionLink } from 'app/core/components/ConfigDescriptionLink';
@ -25,6 +25,14 @@ export const ConfigEditor = ({ options, onOptionsChange }: Props) => {
return (
<div className={styles.container}>
<DataSourceDescription
dataSourceName="Tempo"
docsLink="https://grafana.com/docs/grafana/latest/datasources/tempo"
hasRequiredFields={false}
/>
<Divider />
<DataSourceHttpSettings
defaultUrl="http://tempo"
dataSourceConfig={options}
@ -129,6 +137,6 @@ const getStyles = (theme: GrafanaTheme2) => ({
container: css`
label: container;
margin-bottom: ${theme.spacing(2)};
max-width: '578px';
max-width: 900px;
`,
});

12
public/app/plugins/datasource/zipkin/ConfigEditor.tsx
View File

@ -2,7 +2,7 @@ import { css } from '@emotion/css';
import React from 'react';
import { DataSourcePluginOptionsEditorProps, GrafanaTheme2 } from '@grafana/data';
import { ConfigSection } from '@grafana/experimental';
import { ConfigSection, DataSourceDescription } from '@grafana/experimental';
import { config } from '@grafana/runtime';
import { DataSourceHttpSettings, useStyles2 } from '@grafana/ui';
import { Divider } from 'app/core/components/Divider';
@ -18,6 +18,14 @@ export const ConfigEditor = ({ options, onOptionsChange }: Props) => {
return (
<div className={styles.container}>
<DataSourceDescription
dataSourceName="Zipkin"
docsLink="https://grafana.com/docs/grafana/latest/datasources/zipkin"
hasRequiredFields={false}
/>
<Divider />
<DataSourceHttpSettings
defaultUrl="http://localhost:9411"
dataSourceConfig={options}
@ -55,6 +63,6 @@ const getStyles = (theme: GrafanaTheme2) => ({
container: css`
label: container;
margin-bottom: ${theme.spacing(2)};
max-width: '578px';
max-width: 900px;
`,
});