fix: contact page

ajaynegi45 · Dec 10, 2024 · 2ad03d8 · 2ad03d8
1 parent c941133
commit 2ad03d8
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 20 deletions.
diff --git a/src/app/api/contact/route.ts b/src/app/api/contact/route.ts
@@ -29,6 +29,8 @@ export async function POST(request: Request) {
                 </div>
             `,
         });
+        console.log(process.env.SENDER_EMAIL);
+        console.log(process.env.CONTACT_FORM_RECEIVER_EMAIL);
 
         return NextResponse.json({ message: 'Email sent successfully.' }, { status: 200 });
     } catch (error) {

diff --git a/src/app/contactform/ContactForm.module.css b/src/app/contactform/ContactForm.module.css
@@ -84,7 +84,7 @@
 
 .input:focus,
 .textarea:focus {
-    border-color: #0070f3;
+    border-color: var(--green);
 }
 
 /* Textarea styles */

diff --git a/src/app/contactform/page.tsx b/src/app/contactform/page.tsx
@@ -26,28 +26,28 @@ export default function ContactForm() {
     };
 
     const handleSubmit = async (e: FormEvent<HTMLFormElement>) => {
-        // e.preventDefault();
-        //
-        // try {
-        //     const res = await fetch('/api/contact', {
-        //         method: 'POST',
-        //         headers: { 'Content-Type': 'application/json' },
-        //         body: JSON.stringify(formData),
-        //     });
-        //
-        //     if (res.ok) {
-        //         toast.success("Thank you for contacting us! Your message has been sent.");
-        //         setFormData({ name: '', email: '', reason: '', message: '' });
-        //     } else {
-        //         toast.error("There was a problem sending the message. Please try again");
-        //     }
-        // } catch (error) {
-        //     toast.error("An unexpected error occurred. Please try again.");
-        // }
+        e.preventDefault();
+
+        try {
+            const res = await fetch('/api/contact', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify(formData),
+            });
+
+            if (res.ok) {
+                toast.success("Thank you for contacting us! Your message has been sent.");
+                setFormData({ name: '', email: '', reason: '', message: '' });
+            } else {
+                toast.error("There was a problem sending the message. Please try again");
+            }
+        } catch (error) {
+            toast.error("An unexpected error occurred. Please try again.");
+        }
 
 
     };
-    toast.info("Currently Working on this form!");
+    // toast.info("Currently Working on this form!");
 
     return (
         <div className={styles.container}>