tben/personal-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update form

Browse Source
This commit is contained in:
Tben 2024-01-30 04:27:23 +01:00
parent 1ac6d87a89
commit 0205e2b177
2 changed files with 31 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
functions/frontend/submitContactForm.ts
View File

@ -1,6 +1,10 @@
import { Dispatch, SetStateAction } from "react"; import { Dispatch, SetStateAction } from "react";
export default async function submitContactForm(e: any, setSuccess: Dispatch<SetStateAction<string | null>>, setLoading: Dispatch<SetStateAction<boolean>>) { export default async function submitContactForm(
e: any,
setSuccess: Dispatch<SetStateAction<string | null>>,
setLoading: Dispatch<SetStateAction<boolean>>
) {
e.preventDefault(); e.preventDefault();
setLoading(true); setLoading(true);
@ -15,26 +19,30 @@ export default async function submitContactForm(e: any, setSuccess: Dispatch<Set
message: message, message: message,
}; };
let res = await fetch("/api/contactForm", { try {
method: "post", let res = await fetch("/api/contactForm", {
headers: { method: "post",
"Content-Type": "application/json", headers: {
}, "Content-Type": "application/json",
body: JSON.stringify(body), },
}); body: JSON.stringify(body),
});
let data = await res.json(); let data = await res.json();
console.log(data); console.log(data);
if (data.msg === "Success") { if (data.msg === "Success") {
setSuccess("Success"); setSuccess("Success");
setTimeout(() => { setTimeout(() => {
window.location.reload(); window.location.reload();
}, 1000); }, 1000);
} else { } else {
setSuccess("Failed"); setSuccess("Failed");
}
setLoading(false);
} catch (error) {
console.log("Form submission failed. Please try again in a minute.");
} }
setLoading(false);
} }

6
pages/api/contactForm.ts
View File

@ -10,7 +10,7 @@ import { NextApiRequest, NextApiResponse } from "next";
let transporter = nodemailer.createTransport({ let transporter = nodemailer.createTransport({
host: process.env.TBENMAIL_HOST, host: process.env.TBENMAIL_HOST,
port: 587, port: 465,
auth: { auth: {
user: process.env.TBENMAIL_EMAIL, user: process.env.TBENMAIL_EMAIL,
pass: process.env.TBENMAIL_EMAIL_PASSWORD, pass: process.env.TBENMAIL_EMAIL_PASSWORD,
@ -46,7 +46,9 @@ export default async function handler(
res.json({ msg: "Success", info: info }); res.json({ msg: "Success", info: info });
} catch (error) { } catch (error) {
console.log(error); console.log(error);
res.json({ msg: "Failed" }); res.json({
msg: "Please try again in a minute.",
});
} }
} }
} }