fixed the issue with shared reference of the conditionValue object across components, causing changes made in one component to affect the other

This commit is contained in:
Hari Krishna
2024-02-24 11:20:10 +00:00
parent 7142f55216
commit ac3e413cc6
+30 -20
View File
@@ -9500,8 +9500,9 @@ const AngularWorkflow = (defaultprops) => {
<MenuItem <MenuItem
style={menuItemStyle} style={menuItemStyle}
onClick={(e) => { onClick={(e) => {
tmpConditionValue.value = "equals"; const newConditionValue = { ...conditionValue };
setTmpConditionValue(tmpConditionValue); newConditionValue.value = "equals";
setConditionValue(newConditionValue);
setVariableAnchorEl(null); setVariableAnchorEl(null);
}} }}
key={"equals"} key={"equals"}
@@ -9511,8 +9512,9 @@ const AngularWorkflow = (defaultprops) => {
<MenuItem <MenuItem
style={menuItemStyle} style={menuItemStyle}
onClick={(e) => { onClick={(e) => {
tmpConditionValue.value = "does not equal"; const newConditionValue = { ...conditionValue };
setTmpConditionValue(tmpConditionValue); newConditionValue.value = "does not equal";
setConditionValue(newConditionValue);
setVariableAnchorEl(null); setVariableAnchorEl(null);
}} }}
key={"does not equal"} key={"does not equal"}
@@ -9522,8 +9524,9 @@ const AngularWorkflow = (defaultprops) => {
<MenuItem <MenuItem
style={menuItemStyle} style={menuItemStyle}
onClick={(e) => { onClick={(e) => {
conditionValue.value = "startswith"; const newConditionValue = { ...conditionValue };
setConditionValue(conditionValue); newConditionValue.value = "startswith";
setConditionValue(newConditionValue);
setVariableAnchorEl(null); setVariableAnchorEl(null);
}} }}
key={"starts with"} key={"starts with"}
@@ -9533,8 +9536,9 @@ const AngularWorkflow = (defaultprops) => {
<MenuItem <MenuItem
style={menuItemStyle} style={menuItemStyle}
onClick={(e) => { onClick={(e) => {
conditionValue.value = "endswith"; const newConditionValue = { ...conditionValue };
setConditionValue(conditionValue); newConditionValue.value = "endswith";
setConditionValue(newConditionValue);
setVariableAnchorEl(null); setVariableAnchorEl(null);
}} }}
key={"ends with"} key={"ends with"}
@@ -9544,8 +9548,9 @@ const AngularWorkflow = (defaultprops) => {
<MenuItem <MenuItem
style={menuItemStyle} style={menuItemStyle}
onClick={(e) => { onClick={(e) => {
conditionValue.value = "contains"; const newConditionValue = { ...conditionValue };
setConditionValue(conditionValue); newConditionValue.value = "contains";
setConditionValue(newConditionValue);
setVariableAnchorEl(null); setVariableAnchorEl(null);
}} }}
key={"contains"} key={"contains"}
@@ -9555,8 +9560,9 @@ const AngularWorkflow = (defaultprops) => {
<MenuItem <MenuItem
style={menuItemStyle} style={menuItemStyle}
onClick={(e) => { onClick={(e) => {
conditionValue.value = "contains_any_of"; const newConditionValue = { ...conditionValue };
setConditionValue(conditionValue); newConditionValue.value = "contains_any_of";
setConditionValue(newConditionValue);
setVariableAnchorEl(null); setVariableAnchorEl(null);
}} }}
key={"contains_any_of"} key={"contains_any_of"}
@@ -9566,8 +9572,9 @@ const AngularWorkflow = (defaultprops) => {
<MenuItem <MenuItem
style={menuItemStyle} style={menuItemStyle}
onClick={(e) => { onClick={(e) => {
conditionValue.value = "matches regex"; const newConditionValue = { ...conditionValue };
setConditionValue(conditionValue); newConditionValue.value = "matches regex";
setConditionValue(newConditionValue);
setVariableAnchorEl(null); setVariableAnchorEl(null);
}} }}
key={"matches regex"} key={"matches regex"}
@@ -9577,8 +9584,9 @@ const AngularWorkflow = (defaultprops) => {
<MenuItem <MenuItem
style={menuItemStyle} style={menuItemStyle}
onClick={(e) => { onClick={(e) => {
conditionValue.value = "larger than"; const newConditionValue = { ...conditionValue };
setConditionValue(conditionValue); newConditionValue.value = "larger than";
setConditionValue(newConditionValue);
setVariableAnchorEl(null); setVariableAnchorEl(null);
}} }}
key={"larger than"} key={"larger than"}
@@ -9588,8 +9596,9 @@ const AngularWorkflow = (defaultprops) => {
<MenuItem <MenuItem
style={menuItemStyle} style={menuItemStyle}
onClick={(e) => { onClick={(e) => {
conditionValue.value = "less than"; const newConditionValue = { ...conditionValue };
setConditionValue(conditionValue); newConditionValue.value = "less than";
setConditionValue(newConditionValue);
setVariableAnchorEl(null); setVariableAnchorEl(null);
}} }}
key={"less than"} key={"less than"}
@@ -9599,8 +9608,9 @@ const AngularWorkflow = (defaultprops) => {
<MenuItem <MenuItem
style={menuItemStyle} style={menuItemStyle}
onClick={(e) => { onClick={(e) => {
conditionValue.value = "is empty"; const newConditionValue = { ...conditionValue };
setConditionValue(conditionValue); newConditionValue.value = "is empty";
setConditionValue(newConditionValue);
setVariableAnchorEl(null); setVariableAnchorEl(null);
}} }}
key={"is empty"} key={"is empty"}