added email translation for contact

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "editor.maxTokenizationLineLength": 20000000
+}

public/locales/ae.json

@@ -134,5 +134,18 @@
     },
     "Currency": {
         "symbol": "د.إ"
+    },
+    "Templates": {
+      "Email": {
+        "lang": "ae",
+        "thankyoumsg": "شكرًا لاتصالك بنا! إليك الرسالة:",
+        "emaildate": "تاريخ:",
+        "emailto": "ل:",
+        "emailfrom": "من:",
+        "emailname": "اسم:",
+        "emailsubject": "المادة:",
+        "emailbody": "رسالة:",
+        "copyright": "م الإنشاء بواسطة لويس كارفاليو "
+      }
     }
 }

public/locales/de.json

@@ -134,5 +134,18 @@
   },
   "Currency": {
       "symbol": "€"
+  },
+  "Templates": {
+    "Email": {
+      "lang": "de",
+      "thankyoumsg": "Danke, dass Sie uns kontaktiert haben! Hier ist die Nachricht:",
+      "emaildate": "Datum:",
+      "emailto": "Zu:",
+      "emailfrom": "Von:",
+      "emailname": "Name:",
+      "emailsubject": "Thema:",
+      "emailbody": "Botschaft:",
+      "copyright": "Erstellt von"
+    }
   }
 }

public/locales/en-GB.json

@@ -134,5 +134,18 @@
   },
   "Currency": {
       "symbol": "£"
+  },
+  "Templates": {
+    "Email": {
+      "lang": "en-GB",
+      "thankyoumsg": "Thank you for contact us! Here's the message:",
+      "emaildate": "Date:",
+      "emailto": "To:",
+      "emailfrom": "From:",
+      "emailname": "Name:",
+      "emailsubject": "Subject:",
+      "emailbody": "Body:",
+      "copyright": "Created by"
+    }
   }
 }

public/locales/en-US.json

@@ -134,5 +134,18 @@
   },
   "Currency": {
       "symbol": "$"
+  },
+  "Templates": {
+    "Email": {
+      "lang": "en-US",
+      "thankyoumsg": "Thank you for contact us! Here's the message:",
+      "emaildate": "Date:",
+      "emailto": "To:",
+      "emailfrom": "From:",
+      "emailname": "Name:",
+      "emailsubject": "Subject:",
+      "emailbody": "Body:",
+      "copyright": "Created by"
+    }
   }
 }

public/locales/en.json

@@ -134,5 +134,18 @@
   },
   "Currency": {
       "symbol": "£"
+  },
+  "Templates": {
+    "Email": {
+      "lang": "en",
+      "thankyoumsg": "Thank you for contact us! Here's the message:",
+      "emaildate": "Date:",
+      "emailto": "To:",
+      "emailfrom": "From:",
+      "emailname": "Name:",
+      "emailsubject": "Subject:",
+      "emailbody": "Body:",
+      "copyright": "Created by"
+    }
   }
 }

public/locales/es.json

@@ -134,5 +134,18 @@
   },
   "Currency": {
       "symbol": "€"
+  },
+  "Templates": {
+    "Email": {
+      "lang": "es",
+      "thankyoumsg": "¡Gracias por contactarnos! Aquí está el mensaje:",
+      "emaildate": "Fecha:",
+      "emailto": "Para:",
+      "emailfrom": "De:",
+      "emailname": "Nombre:",
+      "emailsubject": "Sujeto:",
+      "emailbody": "Mensaje:",
+      "copyright": "Creado por"
+    }
   }
 }

public/locales/fr.json

@@ -134,5 +134,18 @@
   },
   "Currency": {
       "symbol": "€"
+  },
+  "Templates": {
+    "Email": {
+      "lang": "fr",
+      "thankyoumsg": "Merci de nous contacter! Voici le message:",
+      "emaildate": "Date:",
+      "emailto": "Pour:",
+      "emailfrom": "Depuis:",
+      "emailname": "Nom:",
+      "emailsubject": "Sujet:",
+      "emailbody": "Message:",
+      "copyright": "Créé par"
+    }
   }
 }

public/locales/hi.json

@@ -134,5 +134,18 @@
   },
   "Currency": {
       "symbol": "$"
+  },
+  "Templates": {
+    "Email": {
+      "lang": "hi",
+      "thankyoumsg": "Mahalo no kou ho'oka'a'ike mai iā mākou! Eia ka memo:",
+      "emaildate": "La:",
+      "emailto": "I:",
+      "emailfrom": "Mai:",
+      "emailname": "Inoa:",
+      "emailsubject": "Ke kumuhana:",
+      "emailbody": "Memo:",
+      "copyright": "Hana 'ia e"
+    }
   }
 }

public/locales/il.json

@@ -134,5 +134,18 @@
   },
   "Currency": {
       "symbol": "₪"
+  },
+  "Templates": {
+    "Email": {
+      "lang": "il",
+      "thankyoumsg": "תודה שפנית אלינו! הנה ההודעה:",
+      "emaildate": "תַאֲרִיך:",
+      "emailto": "ל:",
+      "emailfrom": "מ:",
+      "emailname": "שֵׁם:",
+      "emailsubject": "נושא:",
+      "emailbody": "הוֹדָעָה:",
+      "copyright": "מיוצר ע'י"
+    }
   }
 }

public/locales/in.json

@@ -134,5 +134,18 @@
   },
   "Currency": {
       "symbol": "₹"
+  },
+  "Templates": {
+    "Email": {
+      "lang": "in",
+      "thankyoumsg": "हमसे संपर्क करने के लिए धन्यवाद! संदेश यह है:",
+      "emaildate": "तारीख:",
+      "emailto": "को:",
+      "emailfrom": "से:",
+      "emailname": "नाम:",
+      "emailsubject": "विषय:",
+      "emailbody": "संदेश:",
+      "copyright": "द्वारा निर्मित"
+    }
   }
 }

public/locales/it.json

@@ -134,5 +134,18 @@
   },
   "Currency": {
       "symbol": "€"
+  },
+  "Templates": {
+    "Email": {
+      "lang": "it",
+      "thankyoumsg": "Grazie per averci contattato! Ecco il messaggio:",
+      "emaildate": "Data:",
+      "emailto": "A:",
+      "emailfrom": "Da:",
+      "emailname": "Nome:",
+      "emailsubject": "Soggetto:",
+      "emailbody": "Messaggio:",
+      "copyright": "Creato da"
+    }
   }
 }

public/locales/jp.json

@@ -134,5 +134,18 @@
   },
   "Currency": {
       "symbol": "¥"
+  },
+  "Templates": {
+    "Email": {
+      "lang": "jp",
+      "thankyoumsg": "「ご連絡いただきありがとうございます。メッセージは次のとおりです。」",
+      "emaildate": "日付：",
+      "emailto": "に：",
+      "emailfrom": "から：",
+      "emailname": "名前：",
+      "emailsubject": "主題：",
+      "emailbody": "メッセージ：",
+      "copyright": "によって作成された"
+    }
   }
 }

public/locales/pt.json

@@ -134,5 +134,18 @@
   },
   "Currency": {
       "symbol": "€"
+  },
+  "Templates": {
+    "Email": {
+      "lang": "pt",
+      "thankyoumsg": "Obrigado por entrar em contato conosco! Aqui está a mensagem:",
+      "emaildate": "Data:",
+      "emailto": "Para:",
+      "emailfrom": "De:",
+      "emailname": "Nome:",
+      "emailsubject": "Assunto:",
+      "emailbody": "Mensagem:",
+      "copyright": "Criado por"
+    }
   }
 }

public/locales/ua.json

@@ -134,5 +134,18 @@
   },
   "Currency": {
       "symbol": "₴"
+  },
+  "Templates": {
+    "Email": {
+      "lang": "ua",
+      "thankyoumsg": "Дякуємо за звернення до нас! Ось повідомлення:",
+      "emaildate": "Дата:",
+      "emailto": "Кому:",
+      "emailfrom": "Від:",
+      "emailname": "Ім'я:",
+      "emailsubject": "Тема:",
+      "emailbody": "Тіло:",
+      "copyright": "Створено"
+    }
   }
 }

src/app/[locale]/components/contact.js

@@ -2,10 +2,12 @@
 
 import React, { useState } from 'react';
 import styles from '../styles/page/page.module.scss';
-import { useTranslations } from 'next-intl';
+import { useLocale, useTranslations } from 'next-intl';
 
 export default function ContactComponent() {
     const t = useTranslations('Home');
+    const temailtrans = useTranslations('Templates.Email');
+    const locale = useLocale();
 
     const [name, setName] = useState("");
     const [email, setEmail] = useState("");
@@ -35,10 +37,21 @@ export default function ContactComponent() {
             name: name,
             email: email,
             subject: subject,
-            message: message
+            message: message,
+            translationmsgs: {
+                lang: temailtrans('lang'),
+                thankyoumsg: temailtrans('thankyoumsg'),
+                emaildate: temailtrans('emaildate'),
+                emailto: temailtrans('emailto'),
+                emailfrom: temailtrans('emailfrom'),
+                emailname: temailtrans('emailname'),
+                emailsubject: temailtrans('emailsubject'),
+                emailbody: temailtrans('emailbody'),
+                copyright: temailtrans('copyright')
+            }
         });
 
-        fetch('/api/sendemail', {
+        fetch('/api/'+ locale +'/sendemail', {
             method: "post",
             body: formData,
             headers: new Headers({

src/app/api/[locale]/sendemail/route.ts

@@ -0,0 +1,28 @@
+import { NextResponse } from "next/server";
+import { sendMailUtil } from '../../../[locale]/utils/sendmailUtils';
+import { EmailTemplate } from '../../../[locale]/templates';
+
+export async function POST(req: any) {  
+  const body = await req.json();
+  const curpath = `${process.env.TYPEENV === 'production' ? 'https://lcp-pi.vercel.app' : './public'}`;
+  const attachmentsobj = [{
+    filename: 'logo_compact.png',
+    path: `${curpath}/images/logos/logo_compact.png`,
+    cid: 'uniquelogo'
+  }];
+
+  const dataobj = {
+    to: process.env.EMAIL_USER,
+    from: `"${body.name}" <${body.email}>`,
+    subject: body.subject,
+    text: `${body.message}\r\n Sent by ${body.email} (${body.name})`,
+    html: EmailTemplate(body, body.translationmsgs),
+    attachments: attachmentsobj
+  };
+
+  console.log(dataobj);
+
+  await sendMailUtil(dataobj);
+
+  return NextResponse.json({ dataobj });
+}