From 8e2a7f492ddeb5a7286d636c5c70a792594c999c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philipp=20Kl=C3=BCter?= <Philipp.klueter@gmail.com>
Date: Mon, 5 Apr 2021 12:11:02 +0200
Subject: [PATCH] Update Function Names

---
 src/App.jsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index d974fe4..9fd8bdb 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -20,9 +20,9 @@ class App extends Component {
       .then(response => response.json()).then(
         users => this.setState({ monsters: users })
       )
-  } 
+  }
 
-  handleChange = e => {
+  onSearchChange = e => {
     this.setState({ searchField: e.target.value })
   }
 
@@ -34,11 +34,11 @@ class App extends Component {
 
 
     return (
-      <div className="App"> 
+      <div className="App">
         <h1>Monster Rolodex</h1>
         <SearchBox
           placeholder='Search Monsters'
-          handleChange={this.handleChange}
+          handleChange={this.onSearchChange}
         />
         <CardList monsters={filteredMonsters} />
       </div >