From 7848de25e73826dd16b20fab8c8005e3f2fe08cf Mon Sep 17 00:00:00 2001
From: Guusvanmeerveld <guusvanmeerveld@live.nl>
Date: Tue, 9 Mar 2021 18:06:15 +0000
Subject: [PATCH] Added captcha to contact form

---
 components/Contact.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/components/Contact.tsx b/components/Contact.tsx
index 55233b8..784b193 100644
--- a/components/Contact.tsx
+++ b/components/Contact.tsx
@@ -4,12 +4,12 @@ const Contact = () => (
       <div className="header" id="contact">
         Contact
       </div>
-      <form className="content" method="POST" data-netlify="true" name="contact">
+      <form className="content" method="POST" data-netlify="true" name="contact" data-netlify-recaptcha="true">
         <fieldset>
           <label htmlFor="email">Email</label>
           <input name="email" type="email" required placeholder="Your email address" id="email" />
           <label htmlFor="type">Message type</label>
-          <select name="type" id="type">
+          <select name="type[]" id="type">
             <option value="bug">Bug</option>
             <option value="question">Question</option>
             <option value="suggestion">Suggestion</option>
@@ -17,7 +17,10 @@ const Contact = () => (
           </select>
           <label htmlFor="message">Message</label>
           <textarea required name="message" placeholder="Your message" id="message"></textarea>
-          <input className="button" type="submit" value="Send" />
+          <div data-netlify-recaptcha="true"></div>
+          <button className="button" type="submit">
+            Send
+          </button>
         </fieldset>
       </form>
     </div>