mirror of
https://github.com/grafana/grafana.git
synced 2025-02-25 18:55:37 -06:00
Jaeger: Make search form fields more consistent with Tempo (#54026)
This commit is contained in:
parent
6200c6d70f
commit
5148464c88
@ -96,13 +96,14 @@ export function SearchForm({ datasource, query, onChange }: Props) {
|
||||
return (
|
||||
<div className={css({ maxWidth: '500px' })}>
|
||||
<InlineFieldRow>
|
||||
<InlineField label="Service" labelWidth={14} grow>
|
||||
<InlineField label="Service Name" labelWidth={14} grow>
|
||||
<Select
|
||||
inputId="service"
|
||||
options={serviceOptions}
|
||||
onOpenMenu={() => loadOptions('/api/services', 'services')}
|
||||
isLoading={isLoading.services}
|
||||
value={serviceOptions?.find((v) => v?.value === query.service) || undefined}
|
||||
placeholder="Select a service"
|
||||
onChange={(v) =>
|
||||
onChange({
|
||||
...query,
|
||||
@ -118,7 +119,7 @@ export function SearchForm({ datasource, query, onChange }: Props) {
|
||||
</InlineField>
|
||||
</InlineFieldRow>
|
||||
<InlineFieldRow>
|
||||
<InlineField label="Operation" labelWidth={14} grow disabled={!query.service}>
|
||||
<InlineField label="Operation Name" labelWidth={14} grow disabled={!query.service}>
|
||||
<Select
|
||||
inputId="operation"
|
||||
options={operationOptions}
|
||||
@ -130,6 +131,7 @@ export function SearchForm({ datasource, query, onChange }: Props) {
|
||||
}
|
||||
isLoading={isLoading.operations}
|
||||
value={operationOptions?.find((v) => v.value === query.operation) || null}
|
||||
placeholder="Select an operation"
|
||||
onChange={(v) =>
|
||||
onChange({
|
||||
...query,
|
||||
@ -144,7 +146,7 @@ export function SearchForm({ datasource, query, onChange }: Props) {
|
||||
</InlineField>
|
||||
</InlineFieldRow>
|
||||
<InlineFieldRow>
|
||||
<InlineField label="Tags" labelWidth={14} grow>
|
||||
<InlineField label="Tags" labelWidth={14} grow tooltip="Values should be in logfmt.">
|
||||
<Input
|
||||
id="tags"
|
||||
value={transformToLogfmt(query.tags)}
|
||||
|
@ -204,7 +204,7 @@ const NativeSearch = ({ datasource, query, onChange, onBlur, onRunQuery }: Props
|
||||
</InlineField>
|
||||
</InlineFieldRow>
|
||||
<InlineFieldRow>
|
||||
<InlineField label="Tags" labelWidth={14} grow tooltip="Values should be in the logfmt format.">
|
||||
<InlineField label="Tags" labelWidth={14} grow tooltip="Values should be in logfmt.">
|
||||
<QueryField
|
||||
additionalPlugins={plugins}
|
||||
query={query.search}
|
||||
|
Loading…
Reference in New Issue
Block a user