diff --git a/frontend/src/pages/AllErrors/index.tsx b/frontend/src/pages/AllErrors/index.tsx index 4d0c9d7b88..38d7bc44b3 100644 --- a/frontend/src/pages/AllErrors/index.tsx +++ b/frontend/src/pages/AllErrors/index.tsx @@ -8,6 +8,7 @@ import cx from 'classnames'; import QuickFilters from 'components/QuickFilters/QuickFilters'; import { QuickFiltersSource } from 'components/QuickFilters/types'; import RouteTab from 'components/RouteTab'; +import TypicalOverlayScrollbar from 'components/TypicalOverlayScrollbar/TypicalOverlayScrollbar'; import { LOCALSTORAGE } from 'constants/localStorage'; import RightToolbarActions from 'container/QueryBuilder/components/ToolbarActions/RightToolbarActions'; import ResourceAttributesFilterV2 from 'container/ResourceAttributeFilterV2/ResourceAttributesFilterV2'; @@ -60,21 +61,25 @@ function AllErrors(): JSX.Element { showFilters ? 'filter-visible' : '', )} > - - - - ) : undefined - } - rightActions={} - /> - - + + <> + + + + ) : undefined + } + rightActions={} + /> + + + + ); diff --git a/frontend/src/pages/AllErrors/utils.tsx b/frontend/src/pages/AllErrors/utils.tsx index 7f52e89193..af0e7c29e7 100644 --- a/frontend/src/pages/AllErrors/utils.tsx +++ b/frontend/src/pages/AllErrors/utils.tsx @@ -3,11 +3,13 @@ import { IQuickFiltersConfig, } from 'components/QuickFilters/types'; import { DataTypes } from 'types/api/queryBuilder/queryAutocompleteResponse'; +import { DataSource } from 'types/common/queryBuilder'; export const ExceptionsQuickFiltersConfig: IQuickFiltersConfig[] = [ { type: FiltersType.CHECKBOX, title: 'Environment', + dataSource: DataSource.TRACES, attributeKey: { key: 'deployment.environment', dataType: DataTypes.String, @@ -20,6 +22,7 @@ export const ExceptionsQuickFiltersConfig: IQuickFiltersConfig[] = [ { type: FiltersType.CHECKBOX, title: 'Service Name', + dataSource: DataSource.TRACES, attributeKey: { key: 'service.name', dataType: DataTypes.String, @@ -32,6 +35,7 @@ export const ExceptionsQuickFiltersConfig: IQuickFiltersConfig[] = [ { type: FiltersType.CHECKBOX, title: 'Hostname', + dataSource: DataSource.TRACES, attributeKey: { key: 'host.name', dataType: DataTypes.String, @@ -44,6 +48,7 @@ export const ExceptionsQuickFiltersConfig: IQuickFiltersConfig[] = [ { type: FiltersType.CHECKBOX, title: 'K8s Cluster Name', + dataSource: DataSource.TRACES, attributeKey: { key: 'k8s.cluster.name', dataType: DataTypes.String, @@ -56,6 +61,7 @@ export const ExceptionsQuickFiltersConfig: IQuickFiltersConfig[] = [ { type: FiltersType.CHECKBOX, title: 'K8s Deployment Name', + dataSource: DataSource.TRACES, attributeKey: { key: 'k8s.deployment.name', dataType: DataTypes.String, @@ -68,6 +74,7 @@ export const ExceptionsQuickFiltersConfig: IQuickFiltersConfig[] = [ { type: FiltersType.CHECKBOX, title: 'K8s Namespace Name', + dataSource: DataSource.TRACES, attributeKey: { key: 'k8s.namespace.name', dataType: DataTypes.String, @@ -80,6 +87,7 @@ export const ExceptionsQuickFiltersConfig: IQuickFiltersConfig[] = [ { type: FiltersType.CHECKBOX, title: 'K8s Pod Name', + dataSource: DataSource.TRACES, attributeKey: { key: 'k8s.pod.name', dataType: DataTypes.String,