feat: send thank you email on contact

gloriababic · gloriababic · commit de348285f435 · 2025-09-15T11:05:00.000+02:00
diff --git a/apps/contact/app/(email-templates)/contact.tsx b/apps/contact/app/(email-templates)/contact.tsx
@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Html, Heading } from "@react-email/components";
 
-export const ConactTemplate = () => {
+export const ContactTemplate = () => {
   return (
     <Html lang="en">
       <Heading>Thank you for contacting us!</Heading>
diff --git a/apps/contact/app/(helpers)/email.ts b/apps/contact/app/(helpers)/email.ts
@@ -1,17 +1,24 @@
 import { render } from "@react-email/components";
 import { createTransport } from "nodemailer";
 
-const { EMAIL_SERVER, EMAIL_FROM } = process.env;
+const { EMAIL_HOST, EMAIL_FROM, EMAIL_USERNAME, EMAIL_PASSWORD } = process.env;
 
-const transporter = createTransport(EMAIL_SERVER);
+const transporter = createTransport({
+  host: EMAIL_HOST,
+  port: 587,
+  auth: {
+    user: EMAIL_USERNAME,
+    pass: EMAIL_PASSWORD,
+  },
+});
 
 export const sendEmail = async ({
   template,
   options: { from, to, subject },
 }: {
   template: React.ReactNode;
   options: {
-    from: string;
+    from?: string;
     to: string;
     subject: string;
   };
diff --git a/apps/contact/app/api/contact/route.tsx b/apps/contact/app/api/contact/route.tsx
@@ -1,3 +1,5 @@
+//import { ContactTemplate } from "@/app/(email-templates)/contact";
+//import { sendEmail } from "@/app/(helpers)/email";
 import { processContact } from "@/app/(helpers)/notion";
 import { nanoid } from "nanoid";
 import { NextRequest } from "next/server";
@@ -96,6 +98,11 @@ export async function POST(request: NextRequest) {
         source: request.nextUrl.searchParams.get("source") || "Unknown",
       });
 
+      /* await sendEmail({
+        template: <ContactTemplate />,
+        options: { to: email, subject: "Thank you for contacting us!" },
+      }); */
+
       return new Response(
         JSON.stringify({
           message: "Success",
