From f1bed2f5581e17583e3d9433520f314710ee392a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ren=C3=A9=20Pfeuffer?= <rene.pfeuffer@cloudogu.com>
Date: Wed, 10 Apr 2019 16:49:19 +0200
Subject: [PATCH] Fix on submit handler

---
 .../packages/ui-components/src/layout/Page.js | 21 ++++++++-----------
 1 file changed, 9 insertions(+), 12 deletions(-)

diff --git a/scm-ui-components/packages/ui-components/src/layout/Page.js b/scm-ui-components/packages/ui-components/src/layout/Page.js
index 34eb57e4f8..466d4c9fa5 100644
--- a/scm-ui-components/packages/ui-components/src/layout/Page.js
+++ b/scm-ui-components/packages/ui-components/src/layout/Page.js
@@ -51,19 +51,16 @@ class Page extends React.Component<Props, State> {
   constructor(props) {
     super(props);
     this.state = { value: "" };
-
-    this.handleChange = this.handleChange.bind(this);
-    this.handleSubmit = this.handleSubmit.bind(this);
   }
 
-  handleChange(event) {
+  handleChange = event => {
     this.setState({ value: event.target.value });
-  }
+  };
 
-  handleSubmit(event) {
+  handleSubmit = event => {
     this.props.filter(this.state.value);
     event.preventDefault();
-  }
+  };
 
   render() {
     const { error } = this.props;
@@ -94,11 +91,11 @@ class Page extends React.Component<Props, State> {
               "column is-three-fifths is-mobile-action-spacing"
             )}
           >
-            <form className={classNames(classes.inputField, "input-field")}>
-              <div
-                className="control has-icons-left"
-                onSubmit={this.handleSubmit}
-              >
+            <form
+              className={classNames(classes.inputField, "input-field")}
+              onSubmit={this.handleSubmit}
+            >
+              <div className="control has-icons-left">
                 <input
                   className={classNames(classes.inputHeight, "input")}
                   type="search"