a_adli/colouring-montreal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix frontend detection of edits in arrays

Browse Source
This commit is contained in:
Maciej Ziarkowski 2020-01-07 18:35:30 +00:00
parent cced9e6cc8
commit d9c0cca31b
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/src/frontend/building/data-components/multi-data-entry.tsx
View File

@ -32,24 +32,28 @@ class MultiDataEntry extends Component<MultiDataEntryProps, MultiDataEntryState>
return this.props.value == undefined ? [] : this.props.value; return this.props.value == undefined ? [] : this.props.value;
} }
cloneValues() {
return this.getValues().slice();
}
setNewValue(value: string) { setNewValue(value: string) {
this.setState({newValue: value}); this.setState({newValue: value});
} }
edit(index: number, value: string) { edit(index: number, value: string) {
let values = this.getValues(); let values = this.cloneValues();
values.splice(index, 1, value); values.splice(index, 1, value);
this.props.onChange(this.props.slug, values); this.props.onChange(this.props.slug, values);
} }
addNew(event) { addNew(event) {
event.preventDefault(); event.preventDefault();
const values = this.getValues().concat(this.state.newValue); const values = this.cloneValues().concat(this.state.newValue);
this.setState({newValue: ''}); this.setState({newValue: ''});
this.props.onChange(this.props.slug, values); this.props.onChange(this.props.slug, values);
} }
remove(index: number){ remove(index: number){
const values = this.getValues(); const values = this.cloneValues();
values.splice(index, 1); values.splice(index, 1);
this.props.onChange(this.props.slug, values); this.props.onChange(this.props.slug, values);
} }