Fix: remove netlify form handler

tito-arch · Nov 28, 2022 · 6b6d94d · 6b6d94d
1 parent 272d6cb
commit 6b6d94d
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 12 deletions.
diff --git a/public/index.html b/public/index.html
@@ -38,12 +38,6 @@
 
 <body>
   <div id="root"></div>
-  <!-- A little help for the Netlify post-processing bots -->
-<form name="contact" netlify netlify-honeypot="bot-field" hidden>
-  <input type="text" name="name" />
-  <input type="email" name="email" />
-  <textarea name="message"></textarea>
-</form>
 
   <!-- Google Tag Manager (noscript) -->
   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WMKK9NG" height="0" width="0"

diff --git a/src/Components/contacts/Contacts.jsx b/src/Components/contacts/Contacts.jsx
@@ -1,9 +1,23 @@
 import React from 'react'
 import './contacts.css'
-
+import { useRef } from 'react';
+import emailjs from 'emailjs-com';
 
 const Contacts = () => {
 
+  const form = useRef();
+
+  const sendEmail = (e) => {
+    e.preventDefault();
+
+    emailjs.sendForm('service_krmscgo', 'template_u1j0oi9', form.current, '-cMRTG1WsoDkBLn6F')
+      .then((result) => {
+        console.log(result.text);
+      }, (error) => {
+        console.log(error.text);
+      });
+    e.target.reset()
+  };
 
   return (
     <section id='contacts'>
@@ -13,11 +27,7 @@ const Contacts = () => {
       </div>
 
       <div className="container contacts__container">
-        <form method="post">
-                  {/*TO ASSIST NETLIFY BOTS*/}
-         <input type="hidden" name="Portifolio contact form" value="contact" />
-                  {/*TO ASSIST NETLIFY BOTS*/}
-
+        <form ref={form} onSubmit={sendEmail}>
           <input type="text" name="name" placeholder="Your Full Name" required />
           <input type="email" name="email" placeholder="Your E-MAIL" required />
           <textarea name="message" rows="7" placeholder='Your Message' required ></textarea>