diff --git a/public/app/plugins/datasource/influxdb/components/InfluxCheatSheet.tsx b/public/app/plugins/datasource/influxdb/components/InfluxCheatSheet.tsx new file mode 100644 index 00000000000..8c1479f5b2c --- /dev/null +++ b/public/app/plugins/datasource/influxdb/components/InfluxCheatSheet.tsx @@ -0,0 +1,21 @@ +import React from 'react'; + +const CHEAT_SHEET_ITEMS = [ + { + title: 'Getting started', + label: + 'Start by selecting a measurement and field from the dropdown above. You can then use the tag selector to further narrow your search.', + }, +]; + +export default (props: any) => ( +
+

InfluxDB Cheat Sheet

+ {CHEAT_SHEET_ITEMS.map(item => ( +
+
{item.title}
+
{item.label}
+
+ ))} +
+); diff --git a/public/app/plugins/datasource/influxdb/components/InfluxStartPage.tsx b/public/app/plugins/datasource/influxdb/components/InfluxStartPage.tsx new file mode 100644 index 00000000000..a825543bb75 --- /dev/null +++ b/public/app/plugins/datasource/influxdb/components/InfluxStartPage.tsx @@ -0,0 +1,13 @@ +import React, { PureComponent } from 'react'; +import { ExploreStartPageProps } from '@grafana/ui'; +import InfluxCheatSheet from './InfluxCheatSheet'; + +export default class InfluxStartPage extends PureComponent { + render() { + return ( +
+ +
+ ); + } +} diff --git a/public/app/plugins/datasource/influxdb/module.ts b/public/app/plugins/datasource/influxdb/module.ts index 926b8597839..f15f4f181eb 100644 --- a/public/app/plugins/datasource/influxdb/module.ts +++ b/public/app/plugins/datasource/influxdb/module.ts @@ -1,6 +1,8 @@ import InfluxDatasource from './datasource'; import { InfluxQueryCtrl } from './query_ctrl'; import { InfluxLogsQueryField } from './components/InfluxLogsQueryField'; +import InfluxStartPage from './components/InfluxStartPage'; + import { createChangeHandler, createResetHandler, @@ -31,4 +33,5 @@ export const plugin = new DataSourcePlugin(InfluxDatasource) .setConfigCtrl(InfluxConfigCtrl) .setQueryCtrl(InfluxQueryCtrl) .setAnnotationQueryCtrl(InfluxAnnotationsQueryCtrl) - .setExploreLogsQueryField(InfluxLogsQueryField); + .setExploreLogsQueryField(InfluxLogsQueryField) + .setExploreStartPage(InfluxStartPage);