mailer rest form and disable send

handlers/formSubmitHandlers.ts

@@ -1,14 +1,27 @@
-import sendMail from "@/lib/sendMail";
 import { Dispatch, FormEvent, SetStateAction } from "react";
+import sendMail from "@/lib/sendMail";
 
 export const handleEmailSubmit = async (
   e: FormEvent<HTMLFormElement>,
   values: Record<string, string>,
   setResponseMessage: Dispatch<
     SetStateAction<{ isSuccessful: boolean; message: string }>
-  >
+  >,
+  resetForm: () => void,
+  setIsSending: Dispatch<SetStateAction<boolean>>
 ) => {
   e.preventDefault();
+  setIsSending(true);
+
+  const clearMessage = () => {
+    setTimeout(() => {
+      setResponseMessage({
+        isSuccessful: false,
+        message: "",
+      });
+    }, 10000);
+  };
+
   try {
     const response = await sendMail(values);
     if (response.status === 250) {
@@ -16,12 +29,17 @@ export const handleEmailSubmit = async (
         isSuccessful: true,
         message: "Thank you for your message.",
       });
+      resetForm();
+      clearMessage();
+      setIsSending(false);
     }
   } catch (error) {
-    console.log(error);
+    console.log(error); //TODO add to logger
     setResponseMessage({
       isSuccessful: false,
       message: "Oops something went wrong. Please try again.",
     });
+    clearMessage();
+    setIsSending(false);
   }
 };