diff --git a/site/src/pages/TemplatePage/TemplateInsightsPage/TemplateInsightsPage.stories.tsx b/site/src/pages/TemplatePage/TemplateInsightsPage/TemplateInsightsPage.stories.tsx index 889db073a6c1b..018c53d9ddd33 100644 --- a/site/src/pages/TemplatePage/TemplateInsightsPage/TemplateInsightsPage.stories.tsx +++ b/site/src/pages/TemplatePage/TemplateInsightsPage/TemplateInsightsPage.stories.tsx @@ -162,6 +162,11 @@ export const Loaded: Story = { value: "us-west2-a", count: 1, }, + // Test orphan values + { + value: "us-west-orphan", + count: 1, + }, ], }, { diff --git a/site/src/pages/TemplatePage/TemplateInsightsPage/TemplateInsightsPage.tsx b/site/src/pages/TemplatePage/TemplateInsightsPage/TemplateInsightsPage.tsx index 25226c9bc89fd..d023d9be468d1 100644 --- a/site/src/pages/TemplatePage/TemplateInsightsPage/TemplateInsightsPage.tsx +++ b/site/src/pages/TemplatePage/TemplateInsightsPage/TemplateInsightsPage.tsx @@ -436,6 +436,7 @@ const TemplateParametersUsagePanel = ({ {parameter.values .sort((a, b) => b.count - a.count) + .filter((usage) => filterOrphanValues(usage, parameter)) .map((usage, usageIndex) => ( { + if (parameter.options) { + return parameter.options.some((o) => o.value === usage.value); + } + return true; +}; + const ParameterUsageRow = styled(Box)(({ theme }) => ({ display: "flex", alignItems: "baseline",