Merge pull request #45 from huskynz/dev

AHHHH EVERYTHING IS BREAKING NOW

components/contact.tsx

@@ -1,6 +1,6 @@
-import { useState } from 'react'; // Assuming you're using React
-import { toast } from 'react-toastify'; // Assuming you're using a toast notification library
-import { FaPaperPlane } from 'react-icons/fa'; // Assuming you're using Font Awesome for icons
+import React, { useState, ChangeEvent, FormEvent } from 'react';
+import { toast } from 'react-toastify';
+import { FaPaperPlane } from 'react-icons/fa';
 
 const ContactForm = () => {
   const [formData, setFormData] = useState({
@@ -9,7 +9,15 @@ const ContactForm = () => {
   });
   const [pending, setPending] = useState(false);
 
-  const handleSubmit = async (event) => {
+  const handleChange = (event: ChangeEvent<HTMLTextAreaElement | HTMLInputElement>) => {
+    const { name, value } = event.target;
+    setFormData((prevFormData) => ({
+      ...prevFormData,
+      [name]: value
+    }));
+  };
+
+  const handleSubmit = async (event: FormEvent<HTMLFormElement>) => {
     event.preventDefault();
     setPending(true);
 
@@ -36,14 +44,6 @@ const ContactForm = () => {
     }
   };
 
-  const handleChange = (event) => {
-    const { name, value } = event.target;
-    setFormData((prevFormData) => ({
-      ...prevFormData,
-      [name]: value
-    }));
-  };
-
   return (
     <form
       className="mt-10 flex flex-col dark:text-black"
@@ -80,4 +80,4 @@ const ContactForm = () => {
   );
 };
 
-export default ContactForm;
+export default ContactForm;