diff --git a/public/app/plugins/datasource/loki/components/LokiOptionFields.tsx b/public/app/plugins/datasource/loki/components/LokiOptionFields.tsx index 4e3c0bb8d07..20f73c17269 100644 --- a/public/app/plugins/datasource/loki/components/LokiOptionFields.tsx +++ b/public/app/plugins/datasource/loki/components/LokiOptionFields.tsx @@ -18,8 +18,12 @@ export interface LokiOptionFieldsProps { type LokiQueryType = 'instant' | 'range'; const queryTypeOptions = [ - { value: 'range', label: 'Range' }, - { value: 'instant', label: 'Instant' }, + { value: 'range', label: 'Range', description: 'Run query over a range of time.' }, + { + value: 'instant', + label: 'Instant', + description: 'Run query against a single point in time. For this query, the "To" time is used.', + }, ]; export function LokiOptionFields(props: LokiOptionFieldsProps) { @@ -79,12 +83,7 @@ export function LokiOptionFields(props: LokiOptionFieldsProps) { )} aria-label="Query type field" > - - Query type - + Query type = memo( ({ queryType, stepValue, query, onChange, onStepChange, onQueryTypeChange, onKeyDownFunc }) => { const rangeOptions = [ - { value: 'range', label: 'Range' }, - { value: 'instant', label: 'Instant' }, - { value: 'both', label: 'Both' }, + { value: 'range', label: 'Range', description: 'Run query over a range of time.' }, + { + value: 'instant', + label: 'Instant', + description: 'Run query against a single point in time. For this query, the "To" time is used.', + }, + { value: 'both', label: 'Both', description: 'Run an Instant query and a Range query.' }, ]; return ( @@ -38,12 +42,7 @@ export const PromExploreExtraField: React.FC = memo( )} aria-label="Query type field" > - - Query type - + Query type