From c920d9c9020b47591020598da6212a537eb7e7c6 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Tue, 7 Sep 2021 18:39:10 +0530
Subject: [PATCH] fix(ui) - create account recaptcha reset on error

---
 .../app/components/Signup/SignupForm/SignupForm.js  | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/frontend/app/components/Signup/SignupForm/SignupForm.js b/frontend/app/components/Signup/SignupForm/SignupForm.js
index 7df2822ee..c12c3dcc8 100644
--- a/frontend/app/components/Signup/SignupForm/SignupForm.js
+++ b/frontend/app/components/Signup/SignupForm/SignupForm.js
@@ -26,11 +26,24 @@ export default class SignupForm extends React.Component {
     email: '',
     projectName: '',
     organizationName: '',
+    reload: false,
   };
 
+  static getDerivedStateFromProps(props, state) {
+    if (props.errors && props.errors.size > 0 && state.reload) {
+      recaptchaRef.current.reset();
+      return {
+        reload: false
+      }
+    } 
+    return null;
+  }
+  
+
   handleSubmit = (token) => {
     const { tenantId, fullname, password, email, projectName, organizationName, auth } = this.state;
     this.props.signup({ tenantId, fullname, password, email, projectName, organizationName, auth, 'g-recaptcha-response': token })
+    this.setState({ reload: true })
   }
 
   write = ({ target: { value, name } }) => this.setState({ [ name ]: value })