From 642fa14c3f4a49c102d064bdfbcebe0d289cc162 Mon Sep 17 00:00:00 2001
From: zkldi <20380519+zkldi@users.noreply.github.com>
Date: Thu, 2 Dec 2021 10:03:19 +0000
Subject: [PATCH] Add captcha to loginpage

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

diff --git a/client/src/app/pages/LoginPage.tsx b/client/src/app/pages/LoginPage.tsx
index d5f4dde86..4638a2239 100644
--- a/client/src/app/pages/LoginPage.tsx
+++ b/client/src/app/pages/LoginPage.tsx
@@ -5,6 +5,7 @@ import { UserContext } from "context/UserContext";
 import { useFormik } from "formik";
 import React, { useContext, useState } from "react";
 import { Button, Col, Form } from "react-bootstrap";
+import ReCAPTCHA from "react-google-recaptcha";
 import toast from "react-hot-toast";
 import { Link, useHistory } from "react-router-dom";
 import { PublicUserDocument } from "tachi-common";
@@ -23,7 +24,7 @@ export default function LoginPage() {
 		initialValues: {
 			username: "",
 			"!password": "",
-			captcha: "temp",
+			captcha: "",
 		},
 		onSubmit: async values => {
 			setErr("");
@@ -103,6 +104,17 @@ export default function LoginPage() {
 					>
 						{err}
 					</Form.Group>
+
+					<ReCAPTCHA
+						sitekey={
+							process.env.REACT_APP_RECAPTCHA_KEY ??
+							"6LdI2swUAAAAAArkM0ZQi4SnttilqgAwsJSFw3PX"
+						}
+						onChange={v => {
+							formik.setFieldValue("captcha", v);
+						}}
+					/>
+
 					<Form.Group className="justify-content-center d-flex pt-4">
 						<span
 							onClick={() => history.goBack()}