diff --git a/web/src/components/netflow-traffic.tsx b/web/src/components/netflow-traffic.tsx index 28b9a037f..715abe7fa 100644 --- a/web/src/components/netflow-traffic.tsx +++ b/web/src/components/netflow-traffic.tsx @@ -455,9 +455,11 @@ export const NetflowTraffic: React.FC = ({ }) .catch(err => { const errStr = getHTTPErrorDetails(err, true); + const promErrStr = getPromError(errStr); - // check if it's a prom missing label error - if (isPromMissingLabelError(errStr)) { + // check if it's a prom missing label error and remove filters + // when the prom error is different to the new one + if (isPromMissingLabelError(errStr) && promErrStr !== model.chipsPopoverMessage) { let filtersDisabled = false; model.filters.list.forEach(filter => { const fieldName = model.config.columns.find(col => col.filter === filter.def.id)?.field; @@ -471,16 +473,18 @@ export const NetflowTraffic: React.FC = ({ if (filtersDisabled) { // update filters to retrigger query without showing the error updateTableFilters({ ...model.filters }); - model.setChipsPopoverMessage(getPromError(errStr)); + model.setChipsPopoverMessage(promErrStr); return; } } // clear flows and metrics + show error + // always clear chip message to focus on the error model.setFlows([]); model.setMetrics(defaultNetflowMetrics); model.setError(errStr); model.setWarning(undefined); + model.setChipsPopoverMessage(undefined); }) .finally(() => { const endDate = new Date();