bring back recaptcha

pluralsh · Jun 18, 2024 · 3782c2f · 3782c2f
1 parent 424e426
commit 3782c2f
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/src/components/NewsletterSignupForm.tsx b/src/components/NewsletterSignupForm.tsx
@@ -14,6 +14,8 @@ import {
   usePrevious,
 } from '@pluralsh/design-system'
 
+import ReCAPTCHA from 'react-google-recaptcha'
+
 import { isValidEmail } from '@src/utils/text'
 
 import { FooterHeading, FooterNavLink } from './FooterNav'
@@ -181,6 +183,15 @@ export function NewsletterSignupForm() {
           {response.message}
         </ResponsiveText>
       )}
+      <div className="mt-small">
+        <ReCAPTCHA
+          ref={recaptchaRef}
+          sitekey={process.env.NEXT_PUBLIC_SITE_RECAPTCHA_KEY}
+          onChange={(val) => {
+            setRecaptchaVal(val)
+          }}
+        />
+      </div>
     </form>
   )
 }