diff options
| author | Ernst Widerberg <ernst@sunet.se> | 2021-11-05 11:57:15 +0100 |
|---|---|---|
| committer | Ernst Widerberg <ernst@sunet.se> | 2021-11-05 11:57:15 +0100 |
| commit | 1ef15cdea0ffab80bd4533ae6a4cc8d9f2133dd9 (patch) | |
| tree | 5db067a0434182fe349b10c2523c3a24016ffa33 /src | |
| parent | da5a0e8c9025ef6608b2deb12673efcf4b248bcd (diff) | |
Rename variables
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/SearchForm.js | 22 |
1 files changed, 11 insertions, 11 deletions
diff --git a/src/components/SearchForm.js b/src/components/SearchForm.js index 0c10356..81de166 100644 --- a/src/components/SearchForm.js +++ b/src/components/SearchForm.js @@ -19,8 +19,8 @@ class SearchForm extends React.Component { super(props); // NOTE: This state is for UI only, List state's "filter" is used for requests. this.state = { - field: "port", - value: "" + searchField: "port", + searchValue: "" }; this.clearSearch = this.clearSearch.bind(this); @@ -28,14 +28,14 @@ class SearchForm extends React.Component { } clearSearch(_) { - this.setState({ value: "" }); + this.setState({ searchValue: "" }); this.props.filter(null, null); } submitSearch() { // e.preventDefault(); - if (this.state.value === "") this.clearSearch(); - else this.props.filter(this.state.field, this.state.value); + if (this.state.searchValue === "") this.clearSearch(); + else this.props.filter(this.state.searchField, this.state.searchValue); } render() { @@ -44,11 +44,11 @@ class SearchForm extends React.Component { <TextField size="small" fullWidth - id="value" - value={this.state.value} + id="searchValue" + value={this.state.searchValue} onChange={event => { this.setState({ - value: event.target.value + searchValue: event.target.value }); }} onKeyDown={event => { @@ -71,11 +71,11 @@ class SearchForm extends React.Component { /> <Select size="small" - id="field" - value={this.state.field} + id="searchField" + value={this.state.searchField} onChange={event => { this.setState({ - field: event.target.value + searchField: event.target.value }); }} sx={{ width: 200, marginLeft: "1em" }} |