diff --git a/packages/app/src/KubernetesDashboardPage.tsx b/packages/app/src/KubernetesDashboardPage.tsx index a89ae0fb1..ba8796ba1 100644 --- a/packages/app/src/KubernetesDashboardPage.tsx +++ b/packages/app/src/KubernetesDashboardPage.tsx @@ -42,6 +42,7 @@ import DBRowSidePanel from './components/DBRowSidePanel'; import { DBSqlRowTable } from './components/DBRowTable'; import { DBTimeChart } from './components/DBTimeChart'; import { FormatPodStatus } from './components/KubeComponents'; +import { KubernetesFilters } from './components/KubernetesFilters'; import OnboardingModal from './components/OnboardingModal'; import { useQueriedChartConfig } from './hooks/useChartConfig'; import { @@ -942,6 +943,15 @@ function KubernetesDashboardPage() { /> + {metricSource && ( + + )} + void; +}; + +type FilterSelectProps = { + metricSource: TSource; + placeholder: string; + fieldName: string; + value: string | null; + onChange: (value: string | null) => void; + chartConfig: ChartConfigWithDateRange; +}; + +const FilterSelect: React.FC = ({ + metricSource, + placeholder, + fieldName, + value, + onChange, + chartConfig, +}) => { + const { data, isLoading } = useGetKeyValues({ + chartConfigs: chartConfig, + keys: [`${metricSource.resourceAttributesExpression}['${fieldName}']`], + }); + + return ( +