From 941b5dc236ff822bae49a2fe9c39ea45a06bdff4 Mon Sep 17 00:00:00 2001
From: Thomas Heartman <thomas@getunleash.io>
Date: Wed, 7 May 2025 08:54:44 +0200
Subject: [PATCH] put autosaving back in

---
 .../EditableConstraintWrapper.tsx                     | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/frontend/src/component/feature/FeatureStrategy/FeatureStrategyConstraints/EditableConstraintWrapper.tsx b/frontend/src/component/feature/FeatureStrategy/FeatureStrategyConstraints/EditableConstraintWrapper.tsx
index 2b857955ea..54547f33e9 100644
--- a/frontend/src/component/feature/FeatureStrategy/FeatureStrategyConstraints/EditableConstraintWrapper.tsx
+++ b/frontend/src/component/feature/FeatureStrategy/FeatureStrategyConstraints/EditableConstraintWrapper.tsx
@@ -8,8 +8,8 @@ import { EditableConstraint } from 'component/feature/FeatureStrategy/FeatureStr
 
 interface IConstraintAccordionEditProps {
     constraint: IConstraint;
-    onCancel?: () => void;
-    onDelete?: () => void;
+    onDelete: () => void;
+    onAutoSave: (constraint: IConstraint) => void;
 }
 
 export const CANCEL = 'cancel';
@@ -37,6 +37,7 @@ const resolveContextDefinition = (
 export const EditableConstraintWrapper = ({
     constraint,
     onDelete,
+    onAutoSave,
 }: IConstraintAccordionEditProps) => {
     const [localConstraint, setLocalConstraint] = useState<IConstraint>(
         cleanConstraint(constraint),
@@ -62,6 +63,7 @@ export const EditableConstraintWrapper = ({
                 value: '',
             });
 
+            onAutoSave(localConstraint);
             return localConstraint;
         });
     }, []);
@@ -75,6 +77,7 @@ export const EditableConstraintWrapper = ({
                 value: '',
             });
 
+            onAutoSave(localConstraint);
             return localConstraint;
         });
     }, []);
@@ -83,6 +86,7 @@ export const EditableConstraintWrapper = ({
         setLocalConstraint((prev) => {
             const localConstraint = { ...prev, values };
 
+            onAutoSave(localConstraint);
             return localConstraint;
         });
     }, []);
@@ -91,6 +95,7 @@ export const EditableConstraintWrapper = ({
         setLocalConstraint((prev) => {
             const localConstraint = { ...prev, value };
 
+            onAutoSave(localConstraint);
             return localConstraint;
         });
     }, []);
@@ -99,6 +104,7 @@ export const EditableConstraintWrapper = ({
         setLocalConstraint((prev) => {
             const localConstraint = { ...prev, inverted: !prev.inverted };
 
+            onAutoSave(localConstraint);
             return localConstraint;
         });
     };
@@ -110,6 +116,7 @@ export const EditableConstraintWrapper = ({
                 caseInsensitive: !prev.caseInsensitive,
             };
 
+            onAutoSave(localConstraint);
             return localConstraint;
         });
     }, []);