From 87180f81f992fb260eeec8dfcb2dbbbe94b19ed2 Mon Sep 17 00:00:00 2001
From: James Barnsley <james@barnsley.nz>
Date: Sun, 9 May 2021 20:14:13 +1200
Subject: [PATCH] Reset form resets state directly, fixes #736

---
 src/js/components/Fields/SearchForm.js | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/js/components/Fields/SearchForm.js b/src/js/components/Fields/SearchForm.js
index fb7df379..4ae5114f 100755
--- a/src/js/components/Fields/SearchForm.js
+++ b/src/js/components/Fields/SearchForm.js
@@ -88,9 +88,22 @@ class SearchForm extends React.Component {
     return false;
   }
 
+  onReset = () => {
+    const { onReset: doReset } = this.props;
+
+    this.setState(
+      {
+        term: '',
+        pristine: true,
+      },
+      () => {
+        doReset();
+      },
+    );
+  }
+
   render = () => {
     const { term } = this.state;
-    const { onReset } = this.props;
 
     return (
       <form className="search-form" onSubmit={this.onSubmit}>
@@ -105,7 +118,7 @@ class SearchForm extends React.Component {
           />
         </label>
         {term && (
-          <Icon name="close" className="search-form__reset" onClick={onReset} />
+          <Icon name="close" className="search-form__reset" onClick={this.onReset} />
         )}
       </form>
     );