fix(emailjs): update param mapping and api usage
This commit is contained in:
@@ -2,15 +2,10 @@ import { useState, type FormEvent } from 'react';
|
||||
import { motion } from 'motion/react';
|
||||
import emailjs from '@emailjs/browser';
|
||||
import { useTranslation } from '../i18n';
|
||||
import { config } from '../config';
|
||||
import { Button, Input, Textarea } from '../components/ui';
|
||||
import styles from './Contact.module.css';
|
||||
|
||||
// EmailJS configuration
|
||||
const EMAILJS_SERVICE_ID = import.meta.env.VITE_EMAILJS_SERVICE_ID;
|
||||
const EMAILJS_TEMPLATE_ID_ADMIN = import.meta.env.VITE_EMAILJS_TEMPLATE_ID_ADMIN;
|
||||
const EMAILJS_TEMPLATE_ID_USER = import.meta.env.VITE_EMAILJS_TEMPLATE_ID_USER;
|
||||
const EMAILJS_PUBLIC_KEY = import.meta.env.VITE_EMAILJS_PUBLIC_KEY;
|
||||
|
||||
interface FormData {
|
||||
name: string;
|
||||
email: string;
|
||||
@@ -72,26 +67,26 @@ export function Contact() {
|
||||
|
||||
try {
|
||||
const templateParams = {
|
||||
from_name: formData.name,
|
||||
from_email: formData.email,
|
||||
subject: formData.subject,
|
||||
name: formData.name,
|
||||
email: formData.email,
|
||||
title: formData.subject,
|
||||
message: formData.message,
|
||||
};
|
||||
|
||||
await Promise.all([
|
||||
// Send to Admin
|
||||
emailjs.send(
|
||||
EMAILJS_SERVICE_ID,
|
||||
EMAILJS_TEMPLATE_ID_ADMIN,
|
||||
config.emailJs.serviceId,
|
||||
config.emailJs.templateIdAdmin,
|
||||
templateParams,
|
||||
EMAILJS_PUBLIC_KEY
|
||||
{ publicKey: config.emailJs.publicKey }
|
||||
),
|
||||
// Send Auto-reply to User
|
||||
emailjs.send(
|
||||
EMAILJS_SERVICE_ID,
|
||||
EMAILJS_TEMPLATE_ID_USER,
|
||||
config.emailJs.serviceId,
|
||||
config.emailJs.templateIdUser,
|
||||
templateParams,
|
||||
EMAILJS_PUBLIC_KEY
|
||||
{ publicKey: config.emailJs.publicKey }
|
||||
),
|
||||
]);
|
||||
|
||||
|
||||
Reference in New Issue
Block a user