diff --git a/frontend/app/components/shared/CustomMetrics/CustomMetricForm/CustomMetricForm.tsx b/frontend/app/components/shared/CustomMetrics/CustomMetricForm/CustomMetricForm.tsx index 34ba8aa92..b8d96a590 100644 --- a/frontend/app/components/shared/CustomMetrics/CustomMetricForm/CustomMetricForm.tsx +++ b/frontend/app/components/shared/CustomMetrics/CustomMetricForm/CustomMetricForm.tsx @@ -105,6 +105,7 @@ function CustomMetricForm(props: Props) { seriesIndex={index} series={series} onRemoveSeries={() => removeSeries(index)} + canDelete={metric.series.size > 1} /> ))} diff --git a/frontend/app/components/shared/CustomMetrics/FilterSeries/FilterSeries.tsx b/frontend/app/components/shared/CustomMetrics/FilterSeries/FilterSeries.tsx index e0181ac4e..02208d3a7 100644 --- a/frontend/app/components/shared/CustomMetrics/FilterSeries/FilterSeries.tsx +++ b/frontend/app/components/shared/CustomMetrics/FilterSeries/FilterSeries.tsx @@ -5,6 +5,7 @@ import { connect } from 'react-redux'; import { IconButton, Icon } from 'UI'; import FilterSelection from '../../Filters/FilterSelection'; import SeriesName from './SeriesName'; +import cn from 'classnames'; interface Props { seriesIndex: number; @@ -12,9 +13,11 @@ interface Props { edit: typeof edit; updateSeries: typeof updateSeries; onRemoveSeries: (seriesIndex) => void; + canDelete?: boolean; } function FilterSeries(props: Props) { + const { canDelete } = props; const [expanded, setExpanded] = useState(true) const { series, seriesIndex } = props; @@ -80,7 +83,7 @@ function FilterSeries(props: Props) {