From 7779ae315b6e5e1217ffd38cc31a1f704bdd8440 Mon Sep 17 00:00:00 2001
From: Hamas Shafiq <hamas.shafiq@grafana.com>
Date: Tue, 6 Sep 2022 10:02:37 +0100
Subject: [PATCH] Chore: Use the DEFAULT_LIMIT variable for the default value
 of the TraceQL Limit field (#54723)

---
 .../datasource/tempo/traceql/TempoQueryBuilderOptions.tsx    | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/public/app/plugins/datasource/tempo/traceql/TempoQueryBuilderOptions.tsx b/public/app/plugins/datasource/tempo/traceql/TempoQueryBuilderOptions.tsx
index 071fdd8c6ed..bf8208f03e4 100644
--- a/public/app/plugins/datasource/tempo/traceql/TempoQueryBuilderOptions.tsx
+++ b/public/app/plugins/datasource/tempo/traceql/TempoQueryBuilderOptions.tsx
@@ -3,6 +3,7 @@ import React from 'react';
 import { AutoSizeInput, EditorField, EditorRow } from '@grafana/ui';
 import { QueryOptionGroup } from 'app/plugins/datasource/prometheus/querybuilder/shared/QueryOptionGroup';
 
+import { DEFAULT_LIMIT } from '../datasource';
 import { TempoQuery } from '../types';
 
 interface Props {
@@ -18,14 +19,14 @@ export const TempoQueryBuilderOptions = React.memo<Props>(({ onChange, query })
   return (
     <>
       <EditorRow>
-        <QueryOptionGroup title="Options" collapsedInfo={[`Limit: ${query.limit || 10}`]}>
+        <QueryOptionGroup title="Options" collapsedInfo={[`Limit: ${query.limit || DEFAULT_LIMIT}`]}>
           <EditorField label="Limit" tooltip="Maximum number of traces to return.">
             <AutoSizeInput
               className="width-4"
               placeholder="auto"
               type="number"
               min={1}
-              defaultValue={10}
+              defaultValue={DEFAULT_LIMIT}
               onCommitChange={onLimitChange}
               value={query.limit}
             />