From 1ef15cdea0ffab80bd4533ae6a4cc8d9f2133dd9 Mon Sep 17 00:00:00 2001
From: Ernst Widerberg <ernst@sunet.se>
Date: Fri, 5 Nov 2021 11:57:15 +0100
Subject: Rename variables

---
 src/components/SearchForm.js | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

(limited to 'src/components/SearchForm.js')

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" }}
-- 
cgit v1.1