From dd025d42103a2eda9d23ef46328190b2fb6acb0c Mon Sep 17 00:00:00 2001
From: zkldi <20380519+zkldi@users.noreply.github.com>
Date: Sun, 21 Aug 2022 00:23:53 +0100
Subject: [PATCH] fix: reset captcha if you fail to login

---
 client/src/app/pages/LoginPage.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/client/src/app/pages/LoginPage.tsx b/client/src/app/pages/LoginPage.tsx
index ecc3d9c01..80899e877 100644
--- a/client/src/app/pages/LoginPage.tsx
+++ b/client/src/app/pages/LoginPage.tsx
@@ -6,7 +6,7 @@ import CenterPage from "components/util/CenterPage";
 import SiteWordmark from "components/util/SiteWordmark";
 import { UserContext } from "context/UserContext";
 import { useFormik } from "formik";
-import React, { useContext, useState } from "react";
+import React, { useContext, useRef, useState } from "react";
 import { Button, Col, Form } from "react-bootstrap";
 import ReCAPTCHA from "react-google-recaptcha";
 import toast from "react-hot-toast";
@@ -20,6 +20,8 @@ export default function LoginPage() {
 	const { setUser } = useContext(UserContext);
 	const history = useHistory();
 
+	const recaptchaRef = useRef<any>(null);
+
 	const formik = useFormik({
 		initialValues: {
 			username: "",
@@ -42,6 +44,8 @@ export default function LoginPage() {
 				false
 			);
 
+			recaptchaRef.current.reset();
+
 			if (!rj.success) {
 				setErr(HumaniseError(rj.description));
 				return;
@@ -111,6 +115,7 @@ export default function LoginPage() {
 					</Form.Group>
 
 					<ReCAPTCHA
+						ref={recaptchaRef}
 						sitekey={
 							process.env.REACT_APP_RECAPTCHA_KEY ??
 							"6LdI2swUAAAAAArkM0ZQi4SnttilqgAwsJSFw3PX"