From 05d5aadbd2e445b87226f892dbc6d03915ec4dae Mon Sep 17 00:00:00 2001
From: nick-delirium <nikita@openreplay.com>
Date: Tue, 7 Jan 2025 10:39:29 +0100
Subject: [PATCH] ui: series update observe

---
 .../Dashboard/components/FilterSeries/FilterSeries.tsx        | 4 +++-
 frontend/app/mstore/types/widget.ts                           | 1 +
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/app/components/Dashboard/components/FilterSeries/FilterSeries.tsx b/frontend/app/components/Dashboard/components/FilterSeries/FilterSeries.tsx
index b44995a87..ae92828b8 100644
--- a/frontend/app/components/Dashboard/components/FilterSeries/FilterSeries.tsx
+++ b/frontend/app/components/Dashboard/components/FilterSeries/FilterSeries.tsx
@@ -54,6 +54,7 @@ const FilterSeriesHeader = observer(
   }) => {
     const onUpdate = (name: any) => {
       props.series.update('name', name);
+      props.onChange();
     };
     return (
       <div
@@ -67,7 +68,7 @@ const FilterSeriesHeader = observer(
             seriesIndex={props.seriesIndex}
             name={props.series.name}
             onUpdate={onUpdate}
-            onChange={props.onChange}
+            onChange={() => null}
           />
         </Space>
 
@@ -187,6 +188,7 @@ function FilterSeries(props: Props) {
         <FilterSeriesHeader
           hidden={hideHeader}
           seriesIndex={seriesIndex}
+          onChange={observeChanges}
           series={series}
           onRemove={props.onRemoveSeries}
           canDelete={canDelete}
diff --git a/frontend/app/mstore/types/widget.ts b/frontend/app/mstore/types/widget.ts
index 82a3fedf5..76f8bad34 100644
--- a/frontend/app/mstore/types/widget.ts
+++ b/frontend/app/mstore/types/widget.ts
@@ -125,6 +125,7 @@ export default class Widget {
 
     removeSeries(index: number) {
         this.series.splice(index, 1);
+        this.hasChanged = true;
     }
 
     setSeries(series: FilterSeries[]) {