diff --git a/public/app/plugins/datasource/tempo/CheatSheet.tsx b/public/app/plugins/datasource/tempo/CheatSheet.tsx new file mode 100644 index 00000000000..a037c9e753e --- /dev/null +++ b/public/app/plugins/datasource/tempo/CheatSheet.tsx @@ -0,0 +1,20 @@ +import React from 'react'; + +export default function CheatSheet() { + return ( +
+

Tempo Cheat Sheet

+

+ Tempo is a trace id lookup store. Enter a trace id in the above field and hit “Run Query” to retrieve your + trace. Tempo is generally paired with other datasources such as Loki or Prometheus to find traces. +

+

+ Here are some{' '} + + instrumentation examples + {' '} + to get you started with trace discovery through logs and metrics (exemplars). +

+
+ ); +} diff --git a/public/app/plugins/datasource/tempo/module.ts b/public/app/plugins/datasource/tempo/module.ts index f8356dc424d..b2b612f0d52 100644 --- a/public/app/plugins/datasource/tempo/module.ts +++ b/public/app/plugins/datasource/tempo/module.ts @@ -1,8 +1,10 @@ import { DataSourcePlugin } from '@grafana/data'; +import CheatSheet from './CheatSheet'; +import { ConfigEditor } from './ConfigEditor'; import { TempoDatasource } from './datasource'; import { TempoQueryField } from './QueryField'; -import { ConfigEditor } from './ConfigEditor'; export const plugin = new DataSourcePlugin(TempoDatasource) .setConfigEditor(ConfigEditor) + .setQueryEditorHelp(CheatSheet) .setExploreQueryField(TempoQueryField);