diff --git a/frontend/src/container/QueryBuilder/filters/QueryBuilderSearch/constant.ts b/frontend/src/container/QueryBuilder/filters/QueryBuilderSearch/constant.ts new file mode 100644 index 0000000000..f042244a69 --- /dev/null +++ b/frontend/src/container/QueryBuilder/filters/QueryBuilderSearch/constant.ts @@ -0,0 +1,2 @@ +export const PLACEHOLDER = + 'Search Filter : select options from suggested values, for IN/NOT IN operators - press "Enter" after selecting options'; diff --git a/frontend/src/container/QueryBuilder/filters/QueryBuilderSearch/index.tsx b/frontend/src/container/QueryBuilder/filters/QueryBuilderSearch/index.tsx index 093e71df7a..8b3e8e54ea 100644 --- a/frontend/src/container/QueryBuilder/filters/QueryBuilderSearch/index.tsx +++ b/frontend/src/container/QueryBuilder/filters/QueryBuilderSearch/index.tsx @@ -18,6 +18,7 @@ import { DataSource } from 'types/common/queryBuilder'; import { v4 as uuid } from 'uuid'; import { selectStyle } from './config'; +import { PLACEHOLDER } from './constant'; import { StyledCheckOutlined, TypographyText } from './style'; import { getOperatorValue, @@ -155,7 +156,7 @@ function QueryBuilderSearch({ filterOption={false} autoClearSearchValue={false} mode="multiple" - placeholder="Search Filter" + placeholder={PLACEHOLDER} value={queryTags} searchValue={searchValue} disabled={isMetricsDataSource && !query.aggregateAttribute.key}