From 6b6d94da3a0567e507e8c5fa44a9354b3742d408 Mon Sep 17 00:00:00 2001
From: tito-arch <bunniestore.rabbitgroup@gmail.com>
Date: Mon, 28 Nov 2022 15:52:06 +0300
Subject: [PATCH] Fix: remove netlify form handler

---
 public/index.html                    |  6 ------
 src/Components/contacts/Contacts.jsx | 22 ++++++++++++++++------
 2 files changed, 16 insertions(+), 12 deletions(-)
diff --git a/public/index.html b/public/index.html
index fb41d54..e586b15 100644
--- 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
index fe84fb8..a1d4073 100644
--- 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>
